.breadcrumb a:not([href]):not([class]) span {
    color: #fff;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.blocks-green .card>div {
    margin-right: 0;
    margin-left: 0;
    display: block;
}.blocks-green .title-block a {
    color: #333;
}a.kt-datatable__toggle-detail {
    color: #81a53f !important;
}
modal-container .opt-modal {
    padding: 20px !important;
}

.modal-dialog .opt-modal i.fa.fa-times-circle {
    z-index: 1;
}.modal-dialog .opt-modal i.fa.fa-times-circle:hover {
   opacity:0.9
}
.Missing.attachments:hover {
    cursor: pointer;
    opacity: 0.8;
}
p-button[styleclass="p-datepicker-clear-button"] button span.p-button-label {
    background: #efeaea;
    color: #333;
    border-color: #efeaea;
}

form#form-builder-id li {
    line-height: 30px !important;
}
.apply-now {
    position: relative;
}

.contact-right .row {
    margin: 0;
}

.contact-right {
    padding: 40px 30px;
}

/* Light gray borders */
.table-responsive.left.green table td,
.table-responsive.left.green table th {
    border: 1px solid #e5e5e5;
    padding: 12px 14px;
    vertical-align: middle;
    font-size: 14px;
}

/* First column (green background) */
.table-responsive.left.green table td:first-child {
    background: #276037;
    color: #fff;
    font-weight: 600;
    width: 50%;
}
.contact .radio-group {
    position: relative;
    display: flex;
    gap: 10px;
}

.contact .Radio-section h5 {
    margin-bottom: 20px !important;
}

.contact .radio-group .form-check-label {
    padding: 0;
}

.Request-checklst .form-check {
    align-items: flex-start;
    gap: 10px;
}
/* Second column (white background) */
.table-responsive.left.green table td:nth-child(2) {
    background: #ffffff;
    color: #333;
    font-weight: 600;
}

/* Make merged (rowspan) cell vertically centered */
.table-responsive.left.green table td[rowspan] {
    vertical-align: middle;
}

/* Smooth row striping (optional) */
.table-responsive.left.green table tr:nth-child(even) td:nth-child(2) {
    background: #fafafa;
}


a:not([href]):not([class]), a:not([href]):not([class]):hover {
    color: #81a53f;
}
.form-check-input {
    z-index: 1;
}
.spinner-border {
    width: 100%;
    height: 100%;
}
.blocks-green .container-fluid > .row {
    MARGIN-LEFT: 0;
    MARGIN-RIGHT: 0;
}.section-table-claim #html_table
.blocks-green .img-block img.card-img-top {
    height: 40px !important;
    object-fit: contain !important;
    max-width: 31px;
}
.blocks-green .col-md-9 {
    FONT-WEIGHT: BOLD;
    height: 100%;
   
    padding: 20px 20px 83px;
}

.blocks-green .btn-container .btn {
    padding: 0;
    background: none;
    color: #85a74a;
    font-weight: 700;
    border: 0;
}



.blocks-green .card .col-md-12:last-child {
    height: 0;
    padding: 0;
}

.blocks-green .card>div ~ div {
    height: auto;
}

.blocks-green .btn-container {
    margin-top: -38px;
    margin-left: 120px;
}

.blocks-green .col-md-3 {
    float: left;
    height: 100%;
}

.blocks-green .title-block a {
    padding-left: 20px;
}

.blocks-green .btn-container .btn:hover {}

.blocks-green .btn-container .btn:hover {
    border: 0;
    color: #146032;
}

.blocks-green .col-md-3:after {
    right: 20px;
    top: -110px;
}
.blocks-green .btn-container a.btn {
    margin-top: -20px;
}
.blocks-green .btn-container .btn:active {
    background: none;
}
.blocks-green {
    margin-top: 0;
}

ul.inner-details {
    margin: 0 -23px;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:before {
    margin-top: 2px;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    display: flex;
    align-items: center;
}

.section-page-content li {
    margin-bottom: 7px;
}
.inner-banner .view-img img {
    width: 100%;
    object-position: 0 0px;
    object-fit: cover;
    object-position:  center center;
}
.inner-banner .image {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
}
ol.breadcrumb {
    background: none;
    padding: 0;
}
.section-inner-banner {
    box-shadow: 0 5px 20px #00000017;
}
.inner-image .title {
    padding: 0 15px;
}
.view-img [src=""] {
    display: none;
}

.view-img [src*="/"] {
    display: block;
    background-size: cover;
    max-width: 70%;
}

.card-items span.card-title {
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 6px;
    border-color: #81a53f;
    position: relative;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #333;
}
.card-items a.row.nav-link {
    color: #333;
}




.location-item .blog-list-contanir ,.location-item mat-grid-list{
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0,0,0,.07);
    box-shadow: 0 5px 40px 0 rgb(0 0 0/7%);
    background: #fff;
    -webkit-transition: all .35s;
    transition: all .35s;
    border: 0;
    color: #333;
    display: block
}

.location-item .blog-list-contanir img,.location-item mat-grid-list img {
    height: 100%;
    max-width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transition: all 500ms ease
}

.location-item .blog-list-contanir .imge,.location-item mat-grid-list .image {
    position: relative;
    display: block;
    background: #fff url(/Resources/2/eska-logo.png) center;
    background-repeat: no-repeat;
    height: 200px;
    overflow: hidden
}

.location-item .blog-list-contanir .title,.location-item .blog-list-contanir .description,.location-item mat-grid-list .title, .location-item mat-grid-list .description{
    background: #fff;
    padding-left: 38px;
    padding-right: 38px
}

.location-item .blog-list-contanir .title,.location-item  mat-grid-list .title{
    padding-top: 25px;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: bold
}

.location-item .blog-list-contanir .description ,.location-item  mat-grid-list  .description {
    padding-bottom: 40px
}

.location-item .blog-list-contanir .description:after {
    content: 'Read More [+]';
    display: block;
    padding-top: 30px;
    color: #83a546;
    font-weight: bold
}

.location-item .blog-list-contanir .description:before {
    background: url(/Resources/6/dre3-icon.webp) no-repeat center;
    width: 34px;
    height: 59px;
    content: '';
    position: absolute;
    right: 30px;
    bottom: 30px;
    background-size: contain
}

.location-item .blog-list-contanir:hover .title,.location-item mat-grid-list:hover .title{
    color: #81a53f
}

.location-item .blog-list-contanir .title,.location-item mat-grid-list .title {
    transition: all 500ms ease
}

.location-item .blog-list-contanir .imge:before ,.location-item mat-grid-list .imge:before{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgb(19 31 53/45%);
    -webkit-transition: opacity 500ms ease,visibility 500ms ease,-webkit-transform 500ms ease;
    transition: opacity 500ms ease,visibility 500ms ease,-webkit-transform 500ms ease;
    transition: opacity 500ms ease,visibility 500ms ease,transform 500ms ease;
    transition: opacity 500ms ease,visibility 500ms ease,transform 500ms ease,-webkit-transform 500ms ease;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.location-item .blog-list-contanir:hover .imge:before, .location-item mat-grid-list:hover .imge:before {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1
}

.location-item .blog-list-contanir .imge:after,.location-item mat-grid-list .imge:after {
    height: 50px;
    width: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    opacity: 0;
    transform: translateY(70px);
    transition: all 500ms ease;
    content: "";
    background: url(/Resources/6/arrow-right.webp);
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 10px;
    position: relative;
    position: absolute;
    z-index: 1
}

.location-item .blog-list-contanir:hover .imge:after,.location-item mat-grid-list:hover .imge:after {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 100ms
}

.location-item .blog-list-contanir .imge,.location-item mat-grid-list .imge {
    text-align: center;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    justify-content: center
}

.location-item .blog-list-contanir:hover .description::after,.location-item mat-grid-list:hover .description::after {
    color: #00602f
}


.location-item mat-grid-list .description:before {
    /* background: url(/Resources/6/dre3-icon.webp) no-repeat center; */
    width: 24px;
    height: 59px;
    content: '';
    position: absolute;
    right: 30px;
    bottom: 0px;
    background-size: contain;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f3c5";
    font-size: 40px;
    color: #85a54c;
    }

.location-item mat-grid-list .title {
    font-size: 17px;
    line-height: 22px;
    color: #205a31;
}


.location-item mat-grid-list .description {
    line-height: 14px;
    padding-bottom: 70px;
}


.location-item mat-grid-list .description:after {
    content: 'View Map [+]';
    display: block;
    padding-top: 40px;
    color: #83a546;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
}

.location-item .col-12.text-center.mt-4 {
    margin-top: 0 !important;
}



.external-link {
    cursor: pointer;
}

.location-item mat-grid-list:hover .description:after {
    color: #265a33;
}

.section-products .container.products {
    box-shadow: none;

    background: none ;
}

.section-products {
    background: #f7f9f2;
    padding: 24px 0 90px;
    z-index: 0!important;
}

.products .img-block {
    mix-blend-mode: multiply;
}


.card-items span.card-title {
    margin: 0px 0px 9px 0px;
    padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 6px;
    border-color: #81a53f;
    position: relative;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #333;
    text-align: left !important;
    display: block;
}

.section-card-items:nth-child(even) .row {
    flex-direction: row-reverse;
}

.card-items .img-section- {
    padding: 20px;
}

.alert-success  ol {
    padding: 0;
    margin: 0;
}

.alert-success .row {
    margin: 0;
    border: 0;
    background: none;
    padding: 0;
    background: none;
}

.alert.alert-success.container-fluid {
    border: 0;
    margin: 0;
}

.alert.alert-success li {
    align-items: center;
    margin-bottom: 10px;
    font-size: 15px;
}

.alert-success {
    border-radius: 30px;
    padding: 0px;
}
.alert.alert-success.container-fluid {
    padding: 30px 30px 10px;
}
/* Reset for Word inline styles */
table.MsoTableGrid {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
}

table.MsoTableGrid td, 
table.MsoTableGrid th {
    border: 1px solid #d0d0d0 !important;
    padding: 10px 12px  !important;
    vertical-align: middle;
    font-size: 14px;
}

/* Header Row */
table.MsoTableGrid tr:first-child {
    background: #f4f4f4;
    font-weight: bold;
    text-align: center;
}

/* Left column (feature name) */
table.MsoTableGrid td:first-child {
    font-weight: 600;
    background: #fafafa;
}

/* Centering symbols (✓ +) */
table.MsoTableGrid td:nth-child(2),
table.MsoTableGrid td:nth-child(3) {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

/* Optional: Zebra striping */
table.MsoTableGrid tr:nth-child(even) {
    background: #fcfcfc;
}

/* Clean RTL text */
table.MsoTableGrid p {
    margin: 0;
    direction: rtl;
}

/* If you want rounded corners */
table.MsoTableGrid {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dcdcdc;
}


@media (min-width: 1200px)
{
.inner-banner .title {
    max-width: 1140px;
}
}


.inner-banner .image:before {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: '';
    z-index: 1;
}


.inner-banner .image:before {
    background-color: transparent;
    background-image: linear-gradient(270deg,#02080E00 23%,#f7f5f5 60%);
    opacity: .96;
    transition: background .3s,border-radius .3s,opacity .3s;
}

.inner-banner .inner-image .title {position: relative;width: 100%;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;}

.breadcrumb {
    font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item:last-child span.breadcrumb-link {
    color: #7e7e7e;
}
.breadcrumb a {color: #fff;}

.section-inner-banner  .view-img {
    background: #f7f7f7;
    }

.inner-banner .view-img img, .row.inner-image, .section-inner-banner .view-img {
    height: 230px;
    padding: 0;
    
}

.breadcrumb a:hover, li.breadcrumb-item.active:hover span{color:#518743;text-decoration: none;}

.section-inner-banner {
    overflow: hidden;
}


.inner-banner .image:before {
    z-index: 0;
}

.breadcrumb-item.active span {
    color: #00602f;
}

.breadcrumb a:hover, li.breadcrumb-item.active:hover span {
    color: #81a53f;
}

.breadcrumb-item+.breadcrumb-item:last-child span.breadcrumb-link span {
    color: #ffffff;
}

.inner-banner .view-img img {
    width: 100%;
    object-position: 0 0px;
    object-fit: cover;
    object-position:  center center;
    float: right;
}

.inner-banner .title span.view-title {font-size: 30px;padding-top: 0;display: block;line-height: 1.4;color: #ffffff;margin-bottom: 0px;}


ol.breadcrumb {
    background: none;
    padding: 0;
    margin-bottom: 0;
}


.inner-image .title {
    padding: 0 15px;
}

.inner-banner .image {
    right: 0;
}


@media (min-width: 1200px)
{
.inner-banner .title {
    max-width: 1140px;
}
}

.inner-banner .image {
    overflow: hidden;
    z-index: 0;
    position: absolute;
    top: 0;
    padding: 0;
}

.inner-banner .image:before {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    content: '';
    z-index: 1;
    background: url(/Resources/6/green-banner.svg) 0 21% no-repeat;
    padding: 40px 0 15px;
    background-size: 50%;
    right: 0;
    left: auto;
    width: 100%;
    OPACITY: 1;
}

.inner-banner .inner-image .title {position: relative;width: 100%;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-line-pack: start;align-content: flex-start;}


.inner-banner .inner-image .title {
    padding: 80px 0 70px;
    z-index: 1;
}

.breadcrumb {
    font-weight: 500;
}

.breadcrumb-item.active span {
    color: #d4ef8b;
    cursor: pointer;
}


.breadcrumb-item+.breadcrumb-item:last-child span.breadcrumb-link {
    color: #ffffff;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #a9cf4f;
}

.inner-banner {
    box-shadow: inset 0 0 20px 0 rgb(0 0 0 / 7%);
}


.breadcrumb a:hover, li.breadcrumb-item.active:hover span{color:#518743;text-decoration: none;}


.inner-banner .image:after {
  background: url(/Resources/6/services-pattern.webp) right 0 no-repeat;
    content: '';
    position: absolute;
    right: 0;
    left: auto;
    width: 100%;
    z-index: 3;
    display: block;
    opacity: 1;
    bottom: 0;
    background-size: contain;
    border-radius: 0;
    height: 360px;
    top: -80px;
    bottom: 0;
}


.section-inner-banner {
    overflow: hidden;
    position: relative;
}

.row.inner-image {
    overflow: hidden;
}


.breadcrumb a:hover, li.breadcrumb-item.active:hover span {
    color: #ffffff;
}
.section-page-content {
    padding-top: 50px;
    position: relative;

    overflow: initial;    padding-bottom: 180px;
}
.container.page-content {
    padding: 0;
}

.container.page-content .col-lg-12.col-md-12.col-sm-12 {
    padding: 0;
}


.container-fluid {
    padding: 0;
}

.page-content {
    display: flex;
    position: relative;
    flex-grow: 1;
    margin: 0 auto;
    position: relative;
    width: auto;
}
.page-content {
    padding-bottom: 10px;
}
.section-cards-items span.card-text p:last-child {
    margin-bottom: 0;
}

.inner-title .col-md-12 {
    padding: 0;
}

.inner-banner .col-md-12 {padding: 0;}


.inner-banner .inner-image .title .row {
    margin-right: 0;
    margin-left: 0;
}


.card-items .card {
    box-shadow: none;
    border: 0;
    background: none;
    margin-bottom: 0;
}

.card-items .card {padding: 0 50px;text-align: justify;}

.card-items a.row.nav-link {
    padding: 0;
    margin: 0;
}

.card-items .col-md-12 {
    padding: 0;
}

.section-card {
    margin-top: 10px;
    border-radius: 5px;
    overflow: hidden;
    position:relative;
}

.card-items .col-lg-6.col-md-6.col-sm-6 {
    padding: 0;
}

.card-items div {
    height: 100%;
}

.card-items app-compiler {
    display: block;
    height: 100%;
}

.card-items {
    align-items: center;
}

.card-items.row {
    background: #f7f9f2;
}

.card-items figure {
    margin-bottom: 0;
}

.card-items img.img-responsive{
    max-height: 500px;
    object-fit: cover;

}

.card-items img.img-responsive{
height:100%;
}

.card-items img.img-responsive {
    object-fit: contain !important;
    width: 100% !important;
}
.card-items .title-block {
    font-size: 30px;
    padding-top: 10px;
    display: block;
    line-height: 1.4;
    color: #00602f;
    margin-bottom: 10px;
}

.card-items .col-lg-6.col-md-6.col-sm-6:after {
    background: url(/Resources/6/services-pattern.webp) right bottom no-repeat;
    content: '';
    position: absolute;
    right: 0;
    bottom: -73px;
    width: 100%;
    height: 100%;
    background-size: 40%;
    opacity: 0.3;
    }
    .inner-banner .view-img img, .row.inner-image, .section-inner-banner .view-img {
    max-height: 450px;
}

.card-items .btn-container {
    margin-top: 30px;
}

.card-items .btn-container .btn {
    font-size: 16px;
}

.section-page-content  li:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    padding-right: 10px;
    color: #1f6035;
    font-size: 19px;
	    float: left;
    margin-top: -2px;
	    padding-right: 7px;
    color: #1f6035;
    font-size: 16px;
}

.section-page-content  ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.section-page-content li {
    position: relative;

}



.section-page-content h3 {
    font-size: 24px;
}

p.post-date {
    padding-left: 38px;
    margin-bottom: 0;
    padding-right: 38px;
}

.blog-list-contanir .title {
    padding-bottom: 10px;
}

.blog-list-contanir .description:after {
    padding-top: 0;
    position: absolute;
    bottom: 40px;
}

.blog-list-contanir {
    padding-bottom: 50px;
}

.blog-list-contanir .title {
    font-size: 16px;
    line-height: 24px;
}


.filter {
    margin-bottom: 20px;
    display: flex;
}



.filterItem {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #505050;
    padding: 4px 13px !important;
    background-color: transparent;
    border-top: 1px solid #81a53f;
    border-bottom: 1px solid #81a53f;
    letter-spacing: 0.4px;
    margin: 0 10px!important;
    cursor: pointer;
    margin-bottom: 10px !important;
}

span.filterItem.p-2.m-2.active {
    color: #fff;
    cursor: default;
    transition: 0.3s;
    background: #81a53f;
}

.filterItem:hover {
    background: #1f6035;
    color: #fff;
}


.filter {
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.page-content > .row {margin: 0;}
@media (max-width: 767px) {




.filter span.filterItem {
    margin-bottom: 10px !important;
    font-size: 12px;
    padding: 13px 9px !important;
}


}






 .p-dropdown {
    width: 100%;
}

span.ui-float-label {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
}


 .prime-form-control {
    padding-top: 0!important;
}

 span.input-group-btn {
     position: absolute;
    right: 0;
    top: 25px;
}

.container.page-content > .row {
    display: block;
    width: 100%;
}

.programs-cont shc-product-preview > .row {
    display: block;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.programs-cont .ui-button button.ui-button {
    padding: 0 !important;
    height: 0 !important;
}

.programs-cont .form-check {
    padding-left: 0;
}

 span.input-group-btn .ui-button {
    padding: 10px !important;
    background: none!important;
    border: none !important;
    color: #00602f;
}

span.input-group-btn .ui-button .pi {
    font-size: 25px;
    opacity: 1;
}

 span.input-group-btn .ui-button:hover {
    border: 0 !important;
    background: none !important;
}

span.input-group-btn .ui-button:hover .pi {
    color: #81a53f;
}


 .form-group .prime-form-control .ui-float-label>label {
    order: 1;
}

 .ui-inputtext {
    order: 1;
}

 shc-control-messages {
    order: 0;
}

t p-overlay.p-element {
    position: absolute;
    width: 100%;
    height: 100%;
}




.programs-cont p.process-img {
    DISPLAY: flex;
    ALIGN-ITEMS: center;
    justify-content: center;
    margin: 0;
	flex-wrap: wrap;
}

.programs-cont .p-dropdown.p-component, .ui-inputtext,.form-control {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 0px;
}

 .form-group.editor-control.col-md-4 {
    height: 93px;
}

 .alert.alert-danger {
    font-size: 11px !important;
}

.form-group .prime-form-control .ui-float-label>label>span {
    color: #fd397a !important;
    margin-left: 4px;
}

.form-group .prime-form-control .ui-float-label>label {
    color: #333;
    font-weight: bold;
}



.programs-cont {
    box-shadow: 0 12px 105px 12px rgb(0 0 0 / 6%);
    border-radius: 15px;

}


.programs-cont .fieldset-box .subject-legend {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: none;
}

.col-lg-12.col-md-12.col-sm-12.programs-cont {
    margin-top: 0;
    padding: 20px 20px !important;
}

.programs-cont legend.subject-legend:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 20px;
    top: 30px;
    margin-right: 20px;
}

.programs-cont .form-row {
    margin-right: 0 !important;
    margin-left: 0px;
}


.programs-cont p.process-img {
    font-size: 0;
    margin-top: 10px;
}

.programs-cont p.process-img img {
    object-fit: contain;
    width: 100% !important;
    height: 145px !important;
    max-width: 131px;
    margin: 0 10px;
    border-radius: 20px;
    padding: 10px 0;
    border: 5px #f7f7f7 solid;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/19. Line.png"] {
    width: auto !important;
    display: none;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/1.PAG.png"] {border-color: #81a53f;}

.box-footer {
    height: auto;
    margin-top: 20px;
    border-top: 1px solid #d7d7d7 !important;
    border-top-style: dashed !important;
    padding: 20px 0 0;
}

 .row.row-margin {
    margin-bottom: 0;
}

 .form-check {
    order: 1;
}

 input[type=checkbox]+label {
    font-size: 12px;
}

.programs-cont .box-footer .fb-button,.p-dialog-content .row.row-margin ~ .form-row button{
    margin: 0 !important;
    color: #fff!important;
    background-color: #1f6035 !important;
    border-color: #1f6035 !important;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px transparent;
    padding: 15px 25px !important;
    border-radius: 30px !important;
    transition: all .3s ease;
}
.p-toast-message-content {
    display: block !important;
}

.p-toast .p-toast-message .p-toast-icon-close {
    position: absolute;
    right: 0;
    top: 0;
}
.programs-cont .box-footer .fb-button:hover {
    background-color: #84a44a !important;
    border-color: #84a44a !important;
}

.p-dropdown-panel .p-dropdown-items {
    margin-bottom: 0;
}

.programs-cont p-overlay.p-element {
    left: 0;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    background: #82a32038 !important;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:before {
    font-size: 12px;
}


.programs-cont p.process-img img[src="https://www.der3.com/CPImages/PersonalDetailsComplete.png"] {
    border-color: #83a546;
        opacity: q;
}

 .row.row-margin {
    margin-right: -15px;
    margin-left: -15px;
}

.programs-cont shc-product-preview > .row {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.programs-cont .fieldset-box .subject-legend {
    padding: 10px 20px 5px;
}

.box-footer {
    width: calc(100% - 0px);
    margin: 20px auto 0 auto;
}

ngb-datepicker .btn {
    width: auto !important;
    font-size: 12px;
    padding: 8px 17px;
}

ngb-datepicker .btn ~ .btn {
    background: #dbdbdbc4;
    color: #333;
}

ngb-datepicker .btn ~ .btn:HOVER {
    background-color: #84a44a;
    border-color: #84a44a;
    color:#fff;
}

.programs-cont .row.row-margin {
    margin-top: 10px;
}
.ngb-dp-header {
    background-color: #00602f !important;
    padding: 10px 10px !important;
}

.btn.btn-link {
    padding: 0;
    color: #fff;
}

ngb-datepicker-navigation-select>.custom-select {
    margin: 0 4px;
}

.ngb-dp-weekdays {
    background: #83a546 !important;
    margin-bottom: 10px !important;
}

.ngb-dp-weekday {
    color: #fff !important;
}

.form-group .ng-invalid {
  

    animation: none !important;
}


.programs-cont .row.row-margin {
    margin-right: -15px;
    margin-left: -15px;
}

.programs-cont shc-product-preview > .row {
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.programs-cont .fieldset-box .subject-legend {
    padding: 10px 20px 5px;
}

.programs-cont p.process-img img:first-child {
    margin-left: 0;
}

.programs-cont p.process-img img:last-child {
    margin-right: 0;
}

.p-dialog {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    border: 21px #ffffff24 solid;
}

.p-dialog .p-dialog-header {
    background: #fff;
    background: #146032;
    border-bottom: 0;
    padding: 6px 15px;
}

.p-dialog .p-dialog-content {
    color: #333;
}

.p-dialog .p-dialog-header-icon:hover {
    opacity: 0.8;
}



button.p-button.p-component.p-element {
    margin: 0 !important;
    color: #fff;
    background-color: #1f6035;
    border-color: #1f6035;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px transparent;
    padding: 11px 25px;
    border-radius: 10px;
    transition: all .3s ease;
    width: 100%;
    font-size: 14px;
}
h3.header {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    font-weight:bold;
    background: none;
    margin-bottom: 20px;
}

h3.header:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 20px;
    top: 30px;
    margin-right: 20px;
}

.row[style="min-height: 45em;"] {
    min-height: initial !important;
}

h3.header ~ hr.divider {
    display: none;
}

lib-cp-statment-of-account {
    display: block;
    padding: 30px 0;
}

label {
    color: #333;
    font-weight: bold;
    font-size: 13px !important;
}



.p-calendar .p-inputtext {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
}

.p-calendar {
    display: block;
}

.p-calendar  button.p-datepicker-trigger {
    position: absolute;
    right: 0;
    height: 48px;
    bottom: 0;
    background: none !important;
    border: 0;
    opacity: 1;
    font-size: 25px;
    width: auto !important;
    padding: 10px!important;
}

.pi-calendar {
    font-size: 25px;
    color: #276037;
}


.row[style="margin-bottom: 16px;"] {
    margin-bottom: 0 !important;
}

button.p-button.p-component.p-element:hover {
    background: #81a53f;
}


button.p-button.p-component.p-element:hover .pi-calendar {
    color: #83a546;
}

.p-calendar .p-inputtext {
    width: 100% !important;
    border-radius: 5px !important;
}

.p-calendar {
    width: 100%;
}

.page-content.programs-cont fieldset.fieldset-box {
    margin-top: 20px;
}

.p-paginator-bottom {
    flex-direction: row;
}

.p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last,p-paginator-pages {
    width: auto !important;
}

span.p-paginator-pages {
    width: auto !important;
}

.p-datatable .p-datatable-header {
    background: #00602f;
    border-color: #00602f;
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    font-weight: normal;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f8f8f8;
    font-size: 14px;
    COLOR: #000;
    FONT-WEIGHT: NORMAL;
}


.programs-cont p.process-img {
    margin-top: 20px;
}

.programs-cont .box-footer .fb-button:first-child ,.p-dialog-content .row.row-margin ~ .form-row button:first-child{
    background: #f8f8f8 !important;
    color: #333 !important;
    margin-right: 10px !important;
}

.programs-cont .box-footer .fb-button:last-child,.p-dialog-content .row.row-margin ~ .form-row button:last-child {
    background-color: #1f6035 !important;
    border-color: #1f6035 !important;
    margin-right: 0 !important;
	 color: #fff !important;
}

.programs-cont .box-footer .fb-button:hover, .p-dialog-content .row.row-margin ~ .form-row button{
    opacity: 0.7;
}




.p-datepicker .p-datepicker-buttonbar .p-button.p-component {
    width: auto !important;
    font-size: 12px !important;
    padding: 8px 17px;
    border-radius: 30px;
}

.p-datepicker .p-datepicker-buttonbar {
    padding-bottom: 0;
}

button.p-button.p-component.p-element ~ button.p-button.p-component.p-element {
    background: #dbdbdbc4;
    color: #333;
}

button.p-button.p-component.p-element:hover {
    opacity: 0.8;
    color: #fff;
}

.p-datepicker table td {
    padding: 0;
}

.p-datepicker .p-datepicker-header {
    padding: 0;
    background-color: #00602f !important;
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #83a44b;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #7c9e43;
}

.p-datepicker table {
    margin: 0;
}

.p-datepicker  thead {
    background: #83a546 !important;
    margin-bottom: 10px !important;
    color: #333;
}

.p-datepicker table th {
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #85a54c70;
}



.ngb-dp-navigation-select {
    flex: 1 1 auto;
}

.ngb-dp-arrow:hover {
    background: none !important;
}

.ngb-dp-arrow button:hover {
    background: none;
}

.ngb-dp-arrow button:hover span {
    color: #87a64c;
}
.programs-cont shc-control-messages {
    order: 1;
}



shc-preview legend.subject-legend {
    margin-top: 30px !important;
}

shc-preview fieldset.fieldset-box {
    margin-top: 10px !important;
}

 span.ui-float-label {
   flex-wrap: wrap;
   flex-direction: row;
}

 .form-group .prime-form-control .ui-float-label>label {
    flex: 0 0 100%;
    max-width: 100%;
    order: 0;
}

 shc-control-messages {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
}


span.ui-float-label > div {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
}

p-calendar {
    order: 1;
}

.ui-g-4 {
    width: auto !important;
    max-width: fit-content !important;
    margin-right: 20px;
    margin-top: 10px;
}

p-radiobutton {
    display: flex !important;
    flex-wrap: nowrap;
}


.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #146032;
    background: #146032;
}

.programs-cont .form-check {
    display: flex;
    align-items: flex-start;
}

input[type=checkbox]:checked:before {
    background-color: #81a53f!important;
    border-color: #81a53f !important;
}

.prime-form-control>button {
    float: left;
}



shc-document-retrieval h1 {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: none;
    padding: 10px 0px 5px;
}

shc-document-retrieval h1:before {
    content: "";
    background: #81a53f;
    width: 55px;
    height: 2px;
    left: 0;
    top: 30px;
    margin-right: 20px;
}

shc-document-retrieval form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

shc-document-retrieval br ~ br {
    display: none;
}

shc-document-retrieval  input.input-text {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
    padding: 10px !important;
}

shc-document-retrieval {
    margin-bottom: 20px;
    display: block;
}

shc-document-retrieval .p-button.p-component.p-element.quote-btn {
    margin-top: 26px !important;
}




.form-group.editor-control.col-md-12 > .prime-form-control>button {
margin-top:0;
    float:right;
}



.p-dialog-content form#previewForm .form-row {
    display: block;
    width: 100%;
}



.p-dialog-content .row.row-margin ~ .form-row  {
    height: auto;
    margin-top: 20px;
    border-top: 1px solid #d7d7d7 !important;
    border-top-style: dashed !important;
    padding: 20px 0 0;
    width: calc(100% - 0px);
    margin: 20px auto 0 auto;
}




.ngb-dp-content.ngb-dp-months {
    width: 100%;
}

.ngb-dp-month {
    width: 100%;
}

ngb-datepicker.dropdown-menu {
    width: 100%;
}

.ngb-dp-navigation-select {
    flex: 1 1 100%;
}

p-overlay.p-element {
    position: absolute;
    top: 0;
    width: 100%;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/VehicleDetailsComplete.png"] {
    border-color: #81a53f;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/VehicleDetailsComplete.png"] {
    border-color: #81a53f;
}

.p-datatable .p-datatable-tbody>tr>td {
    display: table-cell;
    width:100px;
    text-align: left !important;
}

.p-datatable .p-datatable-tbody>tr:first-child td {
    background: #fff;
}

.ui-table tr:nth-child(odd) td, table tr:nth-child(odd) td {
    background: #fff !important;
}

.ui-table tr:nth-child(even) td, table tr:nth-child(even) td {.ui-table
    tr: nth-child(odd) td, table tr:nth-child(odd) td;
    background: #f5f5f5 !important;
}

.p-datatable .p-datatable-tbody>tr>td {
    color: #333;
    font-size: 13px;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f7f9f2;
    font-weight: bold;
    font-size: 13px;
}

.p-datatable .p-datatable-tbody>tr>td button {
    padding: 4px 14px;
    text-transform: none;
}


.programs-cont p.process-img img[src="https://www.der3.com/CPImages/VehicleDetailsComplete.png"] {
    border-color: #81a53f;
}

.p-datatable .p-datatable-tbody>tr>td {
    display: table-cell;
    width:100px;
    text-align: left !important;
}

.p-datatable .p-datatable-tbody>tr:first-child td {
    background: #fff;
}

.ui-table tr:nth-child(odd) td, table tr:nth-child(odd) td {
    background: #fff !important;
}

.ui-table tr:nth-child(even) td, table tr:nth-child(even) td {.ui-table
    tr: nth-child(odd) td, table tr:nth-child(odd) td;
    background: #f5f5f5 !important;
}

.p-datatable .p-datatable-tbody>tr>td {
    color: #333;
    font-size: 13px;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f7f9f2;
    font-weight: bold;
    font-size: 13px;
}

.p-datatable .p-datatable-tbody>tr>td button {
    padding: 4px 14px;
    text-transform: none;
}


ngb-datepicker.dropdown-menu {
}

.p-dialog-content {
    overflow-y: visible;
}

.ngb-dp-month:first-child .ngb-dp-week {
    width: 100%;
}

.ngb-dp-day, .ngb-dp-week-number, .ngb-dp-weekday {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ngb-dp-navigation-select {
    flex: 1 1 100% !important;
}


.p-datatable .p-datatable-tbody>tr>td button:hover {
    text-decoration: none;
    color: #fff;
}

input[type=email]:disabled, input[type=number]:disabled, input[type=text]:disabled {
    background-color: #e9e7e7;
    
}


.p-dialog-content p-calendar {
    width: 100%;
}
.p-dialog-content  .p-dropdown.p-component,.p-dialog-content .ui-inputtext {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
}


p-overlay.p-element {
    left: 0;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/DriverDetailsComplete.png"] {
    border-color: #81a53f;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/DriverDetailsComplete.png"] {
    border-color: #81a53f;
}

p.process-img[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(128, 164, 3); border-image: initial; padding: 8px;"] {
    margin-top: 0;
    justify-content: flex-start;
}



.fb-lable-style > p[style="border-width: 1px; border-style: solid; border-color: #80a403; border-image: initial; padding: 8px;"] {
    outline: none;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
    display: inline-flex;
    background: #f7f9f299;
}

.fb-lable-style > p[style="border-width: 1px; border-style: solid; border-color: #80a403; border-image: initial; padding: 8px;"] span {color: #1f6035;}

.fb-lable-style {}

.fb-lable-style [style="border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.12) rgb(221, 221, 221); border-image: initial; padding: 8px;"] {
    margin-bottom: 0;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    margin-top: 3px;
}

.fb-lable-style p[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(128, 164, 3); border-image: initial; padding: 8px;"] {
    border-left: 0;
    color: #333;
    margin: 0;
    padding: 0;
    font-size: 25px;
    position: relative;
    display: flex;
    line-height: 27px;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 0;
    padding-bottom: 10px;
    background: none;
    padding: 9px 0!important;
    border-bottom-width: 1px !important;
}
.fb-lable-style p[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(128, 164, 3); border-image: initial; padding: 8px;"] span {
    font-size: 22px !important;
    color: #333 !important;
    font-weight: normal;
}
.programs-cont p.process-img img[src="https://www.der3.com/CPImages/4.QuoteDone.png"] {
    border-color: #81a53f;
}




.programs-cont p.process-img img[src="https://www.der3.com/CPImages/DocumentsUploadComplete.png"] {  border-color: #81a53f;}




shc-file-upload .form-group.editor-control {
    /* flex: 0 0 33.3%; */
    /* max-width: 33.3%; */
    padding-top: 0;
    padding-left: 31px !important;
    padding-right: 0 !important;
}

.p-fileupload .p-fileupload-buttonbar {
    background: none;
    display: flex;
    margin-top: 10px;
    border: 0;
    border-radius: 10px;
    justify-content: center;
    position: relative;
    margin-top: -38px;
    border-radius: 5px;
    /* border: 5px #f7f7f7 solid; */
    padding-top: 46px;
*/
    border-left: 4px #83a546 solid;
*/
    border-left: 4px #83a546 solid;
*/
    border-left: 4px #83a546 solid;
*/
    border-left: 4px #83a546 solid;
    margin-left: 0;
    margin-right: -15px;
}

ul.file-container {
    margin: 0;
}

p-fileupload {
    order: 1;
    padding: 0 !important;
}

p-fileupload .p-button, p-fileupload p-button button.p-ripple.p-element.p-button.p-component {
    background: #00602f;
    border: 1px solid #00602f;
    border-radius: 30px;
}

p-fileupload .p-button .p-button-icon-left {
    margin-right: 0;
}
.p-fileupload-buttonbar p-button.p-element {
    width: auto;
}

p-fileupload p-button {
    margin: 0;
}

p-fileupload button.p-ripple.p-element.p-button.p-component.p-disabled {
    background: #bdbdbd;
    border: 1px solid #bdbdbd;
    color: #333;
}

.p-fileupload .p-fileupload-buttonbar .p-button {
    height: 29px;
    display: flex;
    align-items: center;
    padding: 5px 15px 8px 10px!important;
}

.p-fileupload .p-fileupload-content {
    padding: 0;
    border: 0;
}

p-fileupload ~ label.component-label {
    margin-top: 14px;
    /* padding-left: 30px; */
    /* width: 50%; */
    /* max-width: 50% !important; */
    text-align: center;
}

.fb-lable-style[for="control25"] p.process-img,.fb-lable-style[for="control26"] p.process-img  {
    margin-top: 0;
    margin-bottom: 0;
    justify-content: flex-start;
    position: relative;
}

.fb-lable-style[for="control25"] p.process-img img, .fb-lable-style[for="control26"] p.process-img img  {
    width: 100%!important;
    height: 150px !important;
    max-width: none;
    object-fit: contain;
    border-radius: 10px 10px 0 0;
    margin: 0 0px;
    flex: 0 0 25%;
    max-width: 25%;
    border: 0;
    padding-bottom: 0;
}


.fb-lable-style[for="control26"] p.process-img {
    margin-bottom: 0px;
    border-top: 1px #cbc8c8 dashed;
}
.p-fileupload .p-fileupload-content ul.file-container {
    border: 1px #efefef solid;
    padding: 20px;
    border-top: 0;
    margin-top: -1px;
    margin-left: 00;
    display: none;
}

.p-fileupload .p-fileupload-buttonbar .p-button:hover {
    opacity: 0.9;
    background: #81a53f;
    border-color: #81a53f;
}

.p-fileupload-files {
    border: 1px #efefef solid;
    border-radius: 5px;
    margin-top: 10px;
}

.p-fileupload-files img {
    height: 90px;
    object-fit: contain;
    background: #ebebeb;
}

p-fileupload-row button.p-element.p-button.p-component {
    background: none !important;
}

p-fileupload button.p-element.p-button.p-component.p-button-icon-only {
    background: none;
    padding: 0;
    background: #d53443;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

p-fileupload .p-fileupload .p-fileupload-row>div {
    padding: 10px 20px 10px 20px;
}

p-fileupload .p-message.p-message-success {
    border-radius: 5px;
}

p-fileupload .p-message-close {
    width: auto !important;
    padding: 0 10px;
}

.p-message .p-message-wrapper {
    padding: 5px 0;
    width: 100%;
    display: block;
    font-size: 13px;
}

.p-message .p-message-summary {color: #146032;float: left;width: auto !important;}

.p-message.p-message-success .p-message-icon, .p-message.p-message-success .p-message-close {
    color: #146032;
}

.p-message .p-message-close:hover {
    color: #146032;
}

.p-message .p-message-close {
    padding: 0 0;
    color: #df3747 !important;
    height: auto;
    margin-top: 4px;
}


.p-message.p-message-success .p-message-icon, .p-message.p-message-success .p-message-close {
    width: auto;
    float: left;
    font-size: 18px;
}


.programs-cont p.process-img img[src="https://www.der3.com/CPImages/14.PaymentComplete.png"] {
    border-color: #81a53f;
}


.fb-lable-style p[dir="rtl"] {
    direction: ltr;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.fb-lable-style p[dir="rtl"] span[style="color:#80a403; font-size: 25px!important;"] {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}


.prime-form-control a {
    color: #81a53f !important;
}

.programs-cont p.process-img img[src="https://www.der3.com/CPImages/ClaimAttachmentsselected2.png"] {
    border-color: #81a53f;
}



.p-datatable .p-datatable-thead>tr>th {
    width: auto;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #81a53f;
    border-color: #81a53f;
    color: #fff;
}

.programs-cont .form-row:nth-last-child(2) shc-dynamic-control shc-button button {
    margin-top: 26px !important;
}

shc-file-upload {
    display: block;
}

p-fileupload.form-control-ng {
    padding: 0 15px;
    margin-top: 2px;
}

.fb-lable-style[for="control25"] p.process-img img:first-child,.fb-lable-style[for="control26"] p.process-img img:first-child {
    margin-left: 0;
}

.fb-lable-style[for="control25"] p.process-img img:last-child,
.fb-lable-style[for="control26"] p.process-img img:last-child {
    margin-right: 0;
    /* margin-left: 0; */
}


.p-message.p-message-success {
    background: none;
    border: none;
    margin: 0;
}

.p-fileupload-row {
    flex-direction: column;
    padding-bottom: 10px;
}

.p-fileupload-row>div {
    width: 100% !important;
    line-height: 4px;
}

p-fileupload .p-fileupload .p-fileupload-row>div:last-child {
    padding: 0;
    position: absolute;
    right: 30px;
    top: 20px;
}

p-fileupload .p-fileupload .p-fileupload-row .p-fileupload-filename {
    line-height: 18px;
    display: block;
    height: fit-content;
}

.p-message .p-message-detail {
    float: left;
    width: auto !important;
}

.ui-g-4 ~ .ui-g-4 ~ .ui-g-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}


.fb-lable-style [style="border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.12) rgb(221, 221, 221); border-image: initial; padding: 8px;"] {
    display: flex;
    align-items: center;
}

p-fileupload.p-element ~ span img {
    object-fit: contain !important;
    background: #f8f8f8 !important;
}



.p-fileupload .p-fileupload-buttonbar .p-button ~ p-button button.p-ripple.p-element.p-button.p-component {
    background: #fff;
    color:#146032;
}

.ui-g-4 {
    z-index: 1;
}


.section-card-items {
    padding: 20px 10px !important;
}

.p-toast .p-toast-message.p-toast-message-error {
    background: #fff;
    border-width: 0;
}

.p-toast .p-toast-message.p-toast-message-error i.pi.pi-times.error-message ,.p-toast .p-toast-message-icon.pi.pi-times-circle {background: #d53f4d;border-radius: 50%;color: #fff;}

.p-toast-top-right {
    width: 100% !important;
    right: 0 !important;
    left: 0 !important;
    top: auto !important;
    bottom: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    background: rgb(0 0 0 / 50%);
    
    z-index: 999;
}

.p-toast-top-right .p-toast-message-content {
    text-align: center;
}

p-toast>div:not(.p-toast-top-right) {
    background: rgb(0 0 0 / 50%);
    display: block;
    height: 100%;
    position: fixed !important;
    width: 100% !important;
    padding: 50% 40px;
    margin-top: initial !important;
    left: 50% !important;
    right: 50% !important;
}

p-toast div:empty {
    display: none;
}


.p-toast:not(.p-toast-top-right) .p-toast-message.p-toast-message-error {
    max-width: 30%;
    margin: 0 auto;
}


.p-toast:not(.p-toast-top-right) .p-toast-message.p-toast-message-error .ui-g.ui-fluid button {
    width: auto;
}

.policy-list {
    padding: 0 30px;
}



.p-toast .p-toast-message.p-toast-message-success {
    background: #fff;
    max-width: 340px;
    border: 0;
    margin: 0 auto;
}

.p-toast .p-toast-message.p-toast-message-success i {
    background: #44995c;
    border-radius: 50%;
    color: #fff;
}


.modal-content {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    border: 21px #ffffff24 solid;
}

.modal-dialog .opt-modal  i.fa.fa-times-circle {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 27px;
    color: #1f6035;
}

.modal-dialog .opt-modal  h1,.modal-dialog .opt-modal p.inserOtp-title {
    font-weight: bold;
    padding-left: 0;
    font-size: 20px;
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center;
    padding: 0 40px;
}

.modal-dialog .opt-modal {
    padding: 30px;
    text-align: center;
}

.modal-dialog .opt-modal .verification-option label.custom-radio ~ label {
    font-weight: 500 !important;
    margin: 0;
    padding-left: 10px;
    text-align: left;
}
.modal-dialog .opt-modal .verification-option {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}

.modal-dialog .opt-modal .col-12.px-0.d-inline-flex.justify-content-center.footer-stepper {
    display: flex !important;
    padding: 15px 10px 0;
    border-radius: 4px;
    margin-top: 20px;
    border-top: 1px #9999994d solid;
}

.modal-dialog .opt-modal label {
    font-size: 16px !important;
}





.modal-dialog .opt-modal  button.btn-default.back-btn {
    width: 50%;
    border: 1px solid #f0f0f0;
}

.modal-dialog .opt-modal  button#verify_submit {
    width: 50%;
    margin-bottom: 0;
    display: inline-flex;
    justify-content: center;
    text-transform: none;
}

.modal-dialog .opt-modal  button {
    border-radius: 20px;
}

.modal-dialog .opt-modal  input#verificationInput {
    outline: none;
    margin-top: 22px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    font-size: 16px;
    border-radius: 5px ! IMPORTANT;
    box-shadow: none;
    border: 1px solid #969492 !important;
    font-family: Helvetica, sans-serif;
    margin-top: 0;
    text-align: center;
    }
    
    
.modal-dialog .opt-modal .col-12.px-0.d-inline-flex.justify-content-center.footer-stepper button {
    border-radius: 24px !important;
}


.programs-cont .container {
    max-width: 100%;
}

shc-document-retrieval .formgroup {
    margin-bottom: 15px;
}
.p-dialog .p-dialog-header {
    border: solid 12px #d3d2d2;
    border-bottom: 0;
}.p-dialog .p-dialog-content {
    overflow: initial !important;
    border: solid 12px #d3d2d2;
    border-top: 0;
}

.p-dialog {
    position: absolute !important;
    max-width: 95%;
    border:0;
}





@media (max-width:1200px) {

.section-products .container.products .row {
    width: 100%;
    margin: 0;
    justify-content: center;
    padding: 0;
}

.section-products .products .col-md- {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100% !important;
    padding: 20px 0;
}
}
@media (max-width:1199px) {
    
    .ui-dialog-preview {
    width: 100%;
}
    .blocks-green .col-md-3 {
    float: none!important;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

.blocks-green .card {
    height: auto;
    margin-bottom: 30px;
}

.blocks-green .col-md-9 {
    text-align: center;
    padding: 20px 20px 63px;
}

.blocks-green .btn-container a.btn {
    margin-top: 0;
    position: inherit;
    width: 100%;
    margin-top: -100px;
}

.blocks-green .btn-container {
    margin-top: 0;
    position: relative;
    margin: 0 auto !important;
}
    .inner-banner .title span.view-title {
    margin-bottom: 10px;
}
div#blog- {
    max-width: 100%;
}

.inner-banner .title span.view-title {
    font-size: 20px;
}
	.programs-cont p.process-img img {
    margin-bottom: 15px;
    height: 127px !important;
    max-width: 127px;
}
.container.page-content,.section-products .container.products {
    max-width: 100%;
}

.section-page-content {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}

.section-products {
    margin-top: 0 !important;
}

.inner-banner .title {
    max-width: 100%;
}.section-inner-banner {
    padding: 0 40px;
}.card-items .card {
    padding: 0;
}

.card-items .row {
    margin: 0;
}
}



@media (max-width:768px) {
  .card-items span.card-title {
    font-size: 22px;
}  
    .p-toast:not(.p-toast-top-right) .p-toast-message.p-toast-message-error {
    max-width: 70%;
}


.apply-now,.contact-right {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 0;
}

.careers .card-items .card {
    padding: 0 !important;
}.filter span.filterItem {
    padding: 7px 9px !important;
    margin-bottom: 16px !important;
}
.inner-banner .image:before {
   background-size: 130%;
}
ol.breadcrumb {
    font-size: 12px;
}.card-items div {
    flex: 0 0 100%;
    max-width: 100%;
}
.section-card-items {
    padding: 10px 0px !important;
}
.section-products .products .col-md- {
    width: 160px;
    max-width: 160px !important;
    flex-basis: auto !important;
}

.section-products .products .card {
    border: 0 !important;
}
.section-page-content {
    padding-left: 30px !important;
    padding-right: 30px!important;
}
.card-items .title-block a {
    FONT-SIZE: 22px;
}.blog-list-contanir .title {
    font-size: 14px;
}

.section-page-content h3 {
    font-size: 18px;
    line-height: 26px;
}

 ul.inner-details-bg {
    display: block;
    margin: 0;
    padding: 0;
}

ul.inner-details-bg li {
    margin-left: 0;
     margin-right: 0;
}.image-content-side {
    float: none;
    text-align: center;
    margin-bottom: 20px;
}.section-blocks-green {
    max-width: 290px;
    margin: 0 auto;
}.p-datatable .p-datatable-thead>tr>th {
    font-size: 11px;
}
.programs-cont .fieldset-box .subject-legend {font-size: 17px;}

.programs-cont legend.subject-legend:before {
    width: 35px;
}
	
	.section-page-content {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.programs-cont .form-group.editor-control.col-md-4, shc-radio-button .form-group.editor-control {
        height: auto !important;
}
.programs-cont p.process-img img {
        height: 97px !important;
        max-width: 97px;}

}







input[type=email]:required:disabled, input[type=number]:required:disabled, input[type=text]:required:disabled {
    opacity: 1;
}

.p-dropdown.p-disabled.p-disabled {
    opacity: 1;
    background:#eae5e5 ;
}




.section-table-claim .form-control {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 14px !important;
    align-items: center;
    margin-top: 0;
    padding: 0 10px !important;
}

.section-table-claim .form-group.form-group-sm.col-md-2 {
    flex: 0 0 25%;
    max-width: 25%;
}
.section-table-claim select.form-control {
  direction: rtl; /* ensures text and arrow direction are RTL */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  border: 1px solid #ccc;
  padding: 10px;
  padding-left: 35px; /* space for icon on left */
  font-size: 16px;
  border-radius: 6px;
  background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="12" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M5 7l5 5 5-5H5z"/></svg>') !important;
  background-repeat: no-repeat;
  background-position: left 10px center; /* move arrow to left */
  background-size: 12px;
}

.section-table-claim .kt-form.kt-form--label-right.kt-margin-t-20.kt-margin-b-10 label {
    display: none;
}

.section-table-claim .form-control-sm {
    height: auto;
    padding: 0;
}

.form-group.form-group-sm.col-md-3:empty {
    display: none;
}

.section-table-claim .col-md-2 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.section-table-claim button.btn-brand.btn-sm.mt-4 {
    margin-top: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    background-color: #1f6035 !important;
    border-color: #1f6035 !important;
    font-weight: 400;
    text-transform: uppercase;
    border: solid 1px transparent;
    padding: 12px 25px !important;
    border-radius: 30px !important;
    transition: all .3s 
ease;
}

.section-table-claim .col-xl-12.order-12 {
    margin: 0;
}

.section-table-claim .row.align-items-center {
    margin: 0;
    margin-bottom: 20px;
}


.section-table-claim .kt-portlet__body.kt-portlet__body--fit {
    padding: 0 15px;
}


.section-table-claim .table-container {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.section-table-claim #html_table {
  min-width: 900px; /* keeps structure readable */
  width: 100%;
  border-collapse: collapse;
}/* Pagination container */
.section-table-claim .paginationDiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  flex-wrap: wrap;
  direction: rtl; /* for Arabic */
  margin-bottom: 20px;
}

/* Pagination buttons */
.section-table-claim .pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 5px;
}

.section-table-claim .pagination .page-item {
  border-radius: 6px;
  overflow: hidden;
}

.section-table-claim .pagination .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border: 1px solid #ddd !important;
  background-color: #7a9a3047;
  color: #333;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
  min-width: 32px;
  margin-left: 0;
  padding-top: 3px;
}

/* Hover and active states */
.section-table-claim .pagination .page-link:hover {
  background-color: #1f6035; /* your theme color */
  color: #fff;
  border-color: #004d7a;
  cursor: pointer;
}

.section-table-claim .pagination .page-item.active .page-link {
  background-color: #004d7a;
  color: #fff;
  border-color: #004d7a;
}

.section-table-claim .pagination .page-item.disabled .page-link {
  opacity: 0.5;
  pointer-events: none;
}

/* Count and selector section */
.section-table-claim .pagination-count {
  display: flex;
  align-items: center;
  gap: 10px;
  direction: ltr;
  font-size: 14px;
  color: #555;
}

.section-table-claim .pagination-count-select {
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="10" viewBox="0 0 20 20" width="10" xmlns="http://www.w3.org/2000/svg"><path d="M5 7l5 5 5-5H5z"/></svg>');
  background-repeat: no-repeat;
  background-position: left 10px center; /* for Arabic */
  background-size: 10px;
  padding-left: 30px;
}

/* Adjust layout on smaller screens */
@media (max-width: 600px) {
 .section-table-claim  .paginationDiv {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }
}
.section-table-claim #html_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  direction: rtl; /* optional for Arabic layout */

}

/* Header */
.section-table-claim #html_table thead {
  background: #004d7a; /* change to your theme color */
  background: linear-gradient(0deg, #7b9d24 0%, #1c5e1d 100%);
  color: #fff;
}

.section-table-claim #html_table thead th {
  text-align: center;
  padding: 12px 16px;
  font-weight: 600;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  position: relative;
}



/* Rows */
.section-table-claim #html_table tbody tr {
  transition: background 0.3s ease;
}

.section-table-claim #html_table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.section-table-claim #html_table tbody tr:hover {
  background-color: #f1f7ff;
}

/* Cells */
.section-table-claim #html_table td {
  text-align: center;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
}

/* Optional rounded corners for first and last cells */
.section-table-claim #html_table th:first-child {
  border-top-right-radius: 10px;
}

.section-table-claim #html_table th:last-child {
  border-top-left-radius: 10px;
}

/* Responsive scroll for small screens */
.section-table-claim #html_table {

  overflow-x: auto;
  white-space: nowrap;
}


.section-table-claim select.form-control.pagination-count-select {
    height: auto !important;
}

.section-table-claim p.pagination-count-par {
    margin: 0;
}


.mainPopup {
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  padding: 15px 15px;
}


.mainPopup .att {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.mainPopup .form-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f8f9fb;
  border: 1px dashed #cfd6e0;
  border-radius: 10px;
  padding: 12px 16px;
  transition: all 0.3s ease;
  position: relative;
  margin: 0;
  flex-direction: row;
  flex-wrap: wrap;
}

.mainPopup .form-group:hover {
  border-color: #81a53f;
  background-color: #f1f7ff;
}

.mainPopup label {
  font-weight: 600;
  color: #333;
  min-width: 180px;
  margin: 0;
  width: 100%;
}

.mainPopup input[type="file"] {
  flex: 1;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  font-size: 13px;
  color: #444;
}

/* Hide the default file input text and style it better */
.mainPopup input[type="file"]::-webkit-file-upload-button {
  background-color:#81a53f;
  color: #fff;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 13px;
}

.mainPopup input[type="file"]::-webkit-file-upload-button:hover {
  background-color:#81a53f;
}

/* Folder icon (clickable-div) styling */
.mainPopup .clickable-div {
  width: 36px;
  height: 36px;
  background-color: #81a53f;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.mainPopup .clickable-div:hover {
  background-color: #4e6a1b;
}

/* Optional: add a folder icon using a pseudo-element */
.mainPopup .clickable-div::before {
  content: "\f07b"; /* Font Awesome folder icon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff;
  font-size: 16px;
}


.pop-buttonsss {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px 0;
}

.pop-buttonsss button.mx-1.btn.btn-label-info {
    background: #b8b5b5;
}


.section-table-claim #html_table {
    border-collapse: collapse;
    display: none;
    width: 100%;
    direction: ltr;
}

tbody.kt-datatable__body {
    visibility: visible;
    display: block;
    position: relative;
}

.section-table-claim #html_table tbody tr {
    display: table;
    table-layout: initial;
}

.section-table-claim #html_table thead {
    visibility: visible;
    display: block;
    position: relative;
    width: 100%;
}

tr.kt-datatable__row {
    width: 100%;
    display: table;
    table-layout: initial;
}

a.kt-datatable__toggle-detail {
    color: #81a53f;
}

.section-table-claim #html_table thead th {
    text-align: left;
}

.section-table-claim #html_table [data-field="Color"]:first-child a , .section-table-claim #html_table td.kt-datatable__cell[data-field="Car Model"] a{
    /* max-width: 40px; */
    display: block;
    white-space: nowrap; /* Prevents text from wrapping to the next line */
    overflow: hidden;    /* Hides any content that overflows the element's box */
    text-overflow: ellipsis; /* Displays an ellipsis (...) to indicate clipped text */
    max-width: 150px;        /* Sets a fixed width for the container */
    padding: 5px;
}
.section-table-claim #html_table [data-field="Color"] a:hover , .section-table-claim #html_table td.kt-datatable__cell[data-field="Car Model"] a:hover{
  white-space: normal;    /* allow line breaks */
  overflow: visible;      /* show full text */
  background-color: #dbe3c8; /* optional highlight */
  padding: 4px 6px;       /* optional padding */
  border-radius: 4px;     /* optional rounded corners */
  position: absolute;     /* ensures it overlaps nicely */
  z-index: 10;            /* bring above other content */
  max-width: 500px;       /* optional max width when expanded */
  box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* optional shadow */
  color: #276037;
}
[data-field="Color"] a {
    white-space: nowrap; /* Prevents text from wrapping to the next line */
    overflow: hidden;    /* Hides any content that overflows the element's box */
    text-overflow: ellipsis; /* Displays an ellipsis (...) to indicate clipped text */
            /* Sets a fixed width for the container */
     /* Optional: for visualization */
    padding: 5px;;
max-width: 190px
;display: block;;
}
.kt-badge {
    padding: 0;
    margin: 0;
    display: inline-flex
;
    justify-content: center;
    align-items: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: .8rem;
}
.section-table-claim .pagination .page-item.active .page-link {
    background: #1f6035;
}

.section-table-claim .pagination .page-link {
    padding-top: 5px;
}
.section-table-claim #html_table .kt-badge.kt-badge--success {
    color: #fff;
    background: #0abb87;
}.section-table-claim #html_table .kt-badge.kt-badge--inline {
    height: auto;
    width: auto;
    padding: .15rem .75rem;
    border-radius: 2px;
    border-radius: 2rem;
}


.section-table-claim #html_table tr.kt-datatable__row-detail.collapse {
    display: block;
    overflow: hidden;
}

.section-table-claim #html_table td.kt-datatable__detail {
    display: block;
    padding: 0 60px;
}



.section-table-claim #html_table  td.kt-datatable__detail table tr.kt-datatable__row {
    display: table-row;
}
.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row-detail .kt-datatable__detail .kt-datatable__row>.kt-datatable__cell {
    padding: 8px 12px;
    text-align: left;
    vertical-align: top;
}.kt-datatable.kt-datatable--default>.kt-datatable__table>.kt-datatable__body .kt-datatable__row-detail .kt-datatable__detail {
    display: block;
    padding: 0 60px;
}
.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5rem;
    transition: color .3s 
ease;
    color: #595d6e;
}.kt-user-card-v2 .kt-user-card-v2__details {
    line-height: 0;
    text-align: left;
}.kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__desc, .kt-user-card-v2 .kt-user-card-v2__details .kt-user-card-v2__email {
    margin-top: 3px;
    display: inline-block;
    font-size: .9rem;
    line-height: 1rem;
    font-weight: 400;
    color: #74788d;
}

.section-table-claim #html_table b {
    font-weight: 600;
}

.section-table-claim #html_table  tr.kt-datatable__row-detail.collapse td.kt-datatable__cell {border: 0;vertical-align: middle;}


.section-table-claim .pagination-count {
    white-space: nowrap;
}

.programs-cont .form-check {
    gap: 40px;
}

shc-dynamic-control {
    display: flex;
    
    align-items: flex-start;
    height: 100%;
}

shc-dynamic-control shc-text-box {
    width: 100%;
}

fb-calendar {
    width: 100%;
}

shc-drop-down {
    width: 100%;
}
shc-file-upload
 {
    width: 100%;
}

.col-md-8 .editor-control.col-md-6 {
    width: 100%;
}

p-fileupload .p-fileupload-header p-button {
    margin: 0;
    padding: 0;
    /* background: none; */
    border-radius: 6px;
}

p-fileupload .p-fileupload-header p-button button {
    padding: 0;
}

p-fileupload .p-fileupload-header .p-button-label {
    background: none;
    border: 0;
    font-size: 14px;
}

p-fileupload  .btn:after,p-fileupload  button:after {
    display: none;
}

p-fileupload  .p-fileupload-cancel-button {
    background: #e7e1e1;
    padding: 0 10px !important;
}

.p-fileupload-cancel-button span,.p-fileupload-cancel-button svg {
    color: #333;
}

.p-fileupload-cancel-button path {fill: #333 !important;}

p-fileupload .p-fileupload-header p-button button {
    /* background: red; */
    display: flex;
    height: 100%;
    border-radius: 5px;
    padding: 0 10px!important;
}

p-fileupload .p-fileupload .p-fileupload-content {
    padding: 0;
    display: block;
}

ul.file-container {
    padding: 10px 10px;
}

p-fileupload .p-fileupload-content .p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-content p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-file-thumbnail {
    object-fit: cover;
}
p-fileupload .p-fileupload-header p-button button {
    min-height: 34px;
}


.fb-lable-style[for="control1"] p ~ p ~p {
    display: none;
}

.fb-lable-style[for="control1"] p ~ p {
    margin-bottom: 0;
}

span.ui-float-label {
    display: flex
;
    flex-direction: column-reverse; 
}.ui-float-label shc-control-messages

 {
    order: -1;
}
.p-calendar, .p-dialog .form-row>.ng-star-inserted, .p-dropdown.p-component, fieldset {
    width: 100%;
}#preview label.component-label {
    transform: none !important;
    order: 2;
}
.form-group {
    MARGIN-BOTTOM: 15px;
}

p[style="border-width: 1px 1px 2.5px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(0, 166, 220); border-image: initial; padding: 8px;"] {
    MARGIN-BOTTOM: 0;
}


shc-preview fieldset.fieldset-box {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex !important;
    margin-right: 0;
    margin-left: 0;
    flex-direction: row;
    flex-wrap: wrap;
}

form#previewForm .form-row.accordion-row {
    display: block !important;
}

shc-preview fieldset.fieldset-box .col-md-4, 
shc-preview fieldset.fieldset-box .col-md-3  {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.programs-cont .fieldset-box .subject-legend {
    padding: 10px 0px 0px;
    margin-top: 0 !important;
}

shc-label {
    width: 100%;
}
.stepper {
    display: none !important;
}
.d-flex.justify-content-between.align-items-center.p-2 {
    padding: 0 !important;
}






shc-radio-button .ui-g-4 {
    alignment-baseline: after-edge;
    DISPLAY: FLEX;
    /* flex-direction: row-reverse; */
    gap: 14px;
}

shc-radio-button  p-radiobutton {
    border: 0 !important;
    margin: 0 !important;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    border: 0 !important;
}

shc-radio-button  label.component-label.form-check-lable {
    order: -1;
}

label.component-label.form-check-lable {
    margin-bottom: 0 !important;
}


shc-radio-button p-radiobutton.form-check-input.form-control.form-control-ng {
    padding: 0 !important;
}
shc-radio-button .prime-form-control {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 10px;
}
shc-radio-button .ui-g-4 {
    alignment-baseline: after-edge;
    DISPLAY: FLEX;
    /* flex-direction: row-reverse; */
    gap: 14px;
}.fb-lable-style {
    font-weight: 600;
    color: #8BC34A;
} 

form#previewForm .justify-content-between.align-items-center.p-2 {
    padding: 0 !important;
}
p-radiobutton {
    border: 0 !important;
    margin: 0 !important;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    border: 0 !important;
}

form#previewForm .form-row.accordion-row {
    display: block !important;
}




shc-dynamic-control shc-label {
    width: 100%;
}

.form-check {
    margin: 0;
    padding: 0;
}

.p-radiobutton {
    border: 1px solid #dadada;
    background: #ffffff;
    width: 20px !important;
    height: 20px !important;
    color: #666;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    align-content: center;
    text-align: initial;
    min-width: 20px;
}

.p-radiobutton-input {
    border-color: #f4f4f4 !important;
    background: none;
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.form-check .form-check-input {
    align-items: center;
    justify-content: center;
}

shc-radio-button .prime-form-control .ui-float-label {
    align-items: center;
}

.form-check .form-check-input {
    width: auto;
}
.form-check {
    padding-right: 0 !important;
}
.p-radiobutton-input[aria-checked="true"] {
    border-color: #8BC34A;
    background: #8BC34A ;
    z-index:0;
    opacity: 1;
}

.form-check .form-check-input {
    border: 0;
    background: none;
}

shc-radio-button .prime-form-control p-radiobutton.form-control-ng {
    margin: 0 9px;
}

shc-radio-button  .form-check-lable {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
}
.p-fileupload-header {
    border: 0;
}
shc-radio-button span.ui-float-label {
    display: flex;
    flex-wrap: wrap;
}

shc-radio-button .form-check-lable {
    order: 0 !important;
    margin-bottom: 10px !important;
}

shc-radio-button .ui-g-4 {
    order: 1;
    margin: 0;
}
.programs-cont .form-control[readonly] {
    BACKGROUND: #f6fdff !important;
}
p-radiobutton {
    margin-bottom: 20px !important;
}

.form-group.editor-control.col-md-4 button.btn.pull-left {
    margin-top: 20px !important;
}



.form-check {
    display: flex;
    min-height: 1.5rem;
    align-items: center;
}
shc-radio-button .prime-form-control .ui-float-label {
    margin-bottom: 20px;
}
.form-check-input[type=checkbox] {position: relative;overflow: hidden;margin-top: 0;width: 20px !important;height: 20px !important;    left: -6px;}

.form-check-input:checked {
    background-color: #8BC34A;
    border-color: #8BC34A;
}

.form-check-input {
    width: 22px;
    height: 1em;
    margin-top: 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    float: right;
    margin-left: -0;
    height: 22px !important;
}

.form-check-input[type=checkbox] {
    border-radius: .25em;
    background: #fff;
    margin-top: 0;
    border: 1px solid rgba(0, 0, 0, .25);
    width: 20px !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), -1px 0px 3px 0px rgb(0 0 0 / 12%);
}

.form-check-input:checked::after {
    background: #8BC34A;
    width: 100%;
    height: 100%;
    left: 0!important;
    top: 0!important;
    text-align: center;
}

.fb-lable-style {
    margin-bottom: 0;
}
.form-group  .form-check ~ shc-control-messages {
    min-height: initial !important;
}


shc-product-preview {
    display: block;
    padding: 0 15px;
}


.p-datepicker {
    position: relative;
    display: inline-flex;
    max-width: 100%;
}

.programs-cont p-datepicker.form-control .p-datepicker {
    HEIGHT: 100%;
}
.programs-cont .form-group .p-datepicker-dropdown {
    padding-LEFT: 0;
    padding-RIGHT: 0;
}.p-icon {
  
    color: #276037;
}


.p-calendar .p-inputtext {
    outline: none;}
.p-dialog {
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    border: 21px #ffffff24 solid;
}


.fb-lable-style > p[style="border-width: 1px; border-style: solid; border-color: #80a403; border-image: initial; padding: 8px;"] {
    outline: none;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
    display: inline-flex;
    background: #f7f9f299;
}
.p-dialog-content  .p-dropdown.p-component,.p-dialog-content .ui-inputtext {
    outline: none;
    
    box-shadow: none;
}
.form-group .ng-invalid {
  

    animation: none !important;
}ngb-datepicker .btn ~ .btn:HOVER {
    background-color: #1f6035;
    border-color: #1f6035;
    color:#fff;
}

ngb-datepicker .btn {
    width: auto !important;
    font-size: 12px;
    padding: 8px 17px;
}

ngb-datepicker .btn ~ .btn {
    background: #dbdbdbc4;
    color: #333;
}

.btn.btn-link {
    padding: 0;
    color: #fff;
}

ngb-datepicker-navigation-select>.custom-select {
    margin: 0 4px;
}

.ngb-dp-weekdays {
    background: #1f6035 !important;
    margin-bottom: 10px !important;
}

.ngb-dp-weekday {
    color: #fff !important;
}


.p-datepicker {
    width: 100%;
}
.p-dialog .p-dialog-header {
    background: #fff;
    background: #1f6035;
    border-bottom: 0;
    padding: 6px 15px;
}

.p-calendar .p-inputtext {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 3px;
}

.p-calendar {
    display: block;
}

.p-calendar  button.p-datepicker-trigger {
    position: absolute;
    right: 0;
    height: 48px;
    bottom: 0;
    background: none !important;
    border: 0;
    opacity: 1;
    font-size: 25px;
    width: auto !important;
    padding: 10px!important;
}

.pi-calendar {
    font-size: 25px;
    color: #276037;
}



.p-calendar .p-inputtext {
    width: 100% !important;
    border-radius: 5px !important;
}

.p-calendar {
    width: 100%;
}


.p-datatable .p-datatable-header {
    background:#1f60352;
    border-color: #1f6035;
    border-radius: 10px 10px 0 0;
    padding: 5px 10px;
    font-weight: normal;
    color: #fff;
}

.p-datatable .p-datatable-thead>tr>th {
    background: #f8f8f8;
    font-size: 14px;
    COLOR: #000;
    FONT-WEIGHT: NORMAL;
}


.programs-cont p.process-img {
    margin-top: 20px;
}

.programs-cont .box-footer .fb-button:first-child ,.p-dialog-content .row.row-margin ~ .form-row button:first-child{
    background: #e7e1e1 !important;
    color: #333 !important;
    margin-right: 10px !important;
}

.p-datepicker .p-datepicker-buttonbar .p-button.p-component {
    width: auto !important;
    font-size: 12px !important;
    padding: 8px 17px;
    border-radius: 30px;
}

.p-datepicker .p-datepicker-buttonbar {
    padding-bottom: 0;
}


.p-datepicker table td {
    padding: 0;
}

.p-datepicker .p-datepicker-header {
    padding: 0;
    background-color: #1f6035!important;
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next {
    color: #fff;
}

.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #1f6035;
}

.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #1f6035;
}

.p-datepicker table {
    margin: 0;
}

.p-datepicker  thead {
    background: #1f6035 !important;
    margin-bottom: 10px !important;
    color: #333;
}

.p-datepicker table th {
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
}

.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #1f6035b5;
}




.p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #1f6035;
    background: #1f6035;
}



input[type=checkbox]:checked:before {
    background-color: #1f6035!important;
    border-color: #1f6035 !important;
}





.ngb-dp-content.ngb-dp-months {
    width: 100%;
}

.ngb-dp-month {
    width: 100%;
}

ngb-datepicker.dropdown-menu {
    width: 100%;
}

.ngb-dp-navigation-select {
    flex: 1 1 100%;
}

p-overlay.p-element {
    position: absolute;
    top: 0;
    width: 100%;
}





.p-datepicker-panel {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 0 6px #00000029 !important;
    padding: .857rem;
    background: #ffffff;
    color: #666;
    border: 1px solid #dadada;
    font-size: 13px;
    border-radius: 2px;
    padding: 0;

}



ui-table tr:nth-child(odd) td, table tr:nth-child(odd) td {
}

.p-datepicker-panel td>span {
    display: flex
;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.p-datepicker-panel table th {
    padding: .5rem;
}
.p-datepicker-panel table td>span {
    width: 2rem;
    height: 2rem;
    border-radius: 2px;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
    border: 1px solid transparent;
}
.p-datepicker-panel table td.p-datepicker-today>span {
    background: #1f6035;
    color: #ffffff;
    border-color: transparent;
}

 .p-datepicker-panel .p-datepicker-buttonbar {
    
    border-top: 1px solid #dadada;    padding: 10px;
}
.p-datepicker-panel .p-datepicker-buttonbar {
    display: flex
;
    justify-content: space-between;
    align-items: center;
}.p-datepicker-panel .p-button.p-button-text {
    background-color: transparent;
    color: #7b95a3;
    border-color: transparent;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button {
    font-size: 12px;
    background: #1f6035;
    color: #fff;
    padding: 0 !important;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button {
    width: auto;
}

.p-datepicker-panel .p-datepicker-clear-button .p-button {
    background: #dbdbdbc4 !important;
    color: #333;
}

.p-datepicker-panel .p-datepicker-buttonbar .p-datepicker-clear-button {
    background: #dbdbdbc4;
    color: #333;
}
.p-datepicker-panel .p-datepicker-header {
    padding: 0;
    padding: 10px;
      background-color: #00602f !important;
    color: #fff;
}
.p-datepicker-panel .p-datepicker-header {
    display: flex
;
    align-items: center;
    justify-content: space-between;
}

.p-datepicker-panel .p-ripple {
    padding: 4px 10px !important;
    border-radius: 20px;
}

.p-datepicker-panel .p-button.p-button-text {
    color: #fff;
}

.p-datepicker-panel table th {
    background: #83a546;
    COLOR: #FFF;
    TEXT-ALIGN: center;
}

.p-datepicker-panel .p-datepicker-day-view {
    font-size: 12px;
}
.p-datepicker-panel .p-disabled,.p-datepicker-panel .p-component:disabled {
    opacity: .5;
}

.p-datepicker-panel table td>span:hover {
    
    background: #cddc3973 !important;
}
.p-datepicker-panel .p-ripple:hover {
    color: #ffffff;
}


.p-datepicker-panel .p-datepicker-year:hover,
.p-datepicker-panel .p-datepicker-month:hover {
    background: #f0f2fc !important;
    color: #333 !important;   border-radius: 0 !important;
}
.p-datepicker-panel .p-datepicker-buttonbar .p-button:hover, .p-datepicker-panel table td>span.p-highlight {
    color: #fff;
}

.p-select-overlay.p-component {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
    right: 0;
}
.p-button-label {
    padding: 0.1rem 1rem;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0;
    color: #292929;
}.p-datepicker-panel svg.p-icon {
    color: #fff;
}

button.p-ripple.p-button.p-component.p-button-sm.p-datepicker-today-button {
    BACKGROUND: #1f6035;
}

button.p-ripple.p-button.p-component.p-button-sm.p-datepicker-today-button SPAN {
    COLOR: #FFF;
}

.p-datepicker-panel .p-datepicker-buttonbar .p-button:HOVER {
    opacity: 0.8;
    color: #fff;
}

.p-datepicker-panel .p-datepicker-buttonbar {
    PADDING-BOTTOM: 0;
}

.p-datepicker-panel .p-datepicker-buttonbar .p-button:HOVER {
    BACKGROUND: #83a546;
}

.modal-header {
    background: #146032;
    COLOR: #FFF;
    BORDER-RADIUS: 0;
    justify-content: space-between;
}

button.close.btn-close.pull-right {
    margin: 0;
    filter: brightness(0) invert(1);
}

h4.modal-title.pull-left {
    font-weight: 700;
    font-size: 1rem;
}



shc-check-box {
    width: 100%;
}


/* Hide the default checkbox */
input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

/* Add a nice hover effect */
input[type="checkbox"]:hover {
  border-color: #666;
}

/* Checked state */
input[type="checkbox"]:checked {
  background-color: #146032;
  border-color: #146032;
}

/* Checkmark */
input[type="checkbox"]:checked::after {
  content: "";
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background: none;
}

/* Optional focus effect */
input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px #14603275;
}

input[type="checkbox"]:checked {
    display: inline-flex;
}
.form-group .ng-touched.ng-invalid {border-color: #d0dadf !important;}



.p-datepicker-dropdown:hover {opacity: 0.5;}

p-selectitem .p-select-option {
    display: flex !important;
    align-items: center;
    padding: 5px;
    margin: 0;
}

.p-select-header .p-iconfield {
    padding: 5px;
    border: 1px #d1dadf solid;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.p-select-header {
    padding: 10px;
}

p-inputicon.p-inputicon {
    top: auto;
}
.p-select-list-container {
    overflow: auto;
}
.p-select-overlay.p-component {
    background: #ffffff;
    color: #666;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    box-shadow: 0 0 6px #00000029;
    right: 0;
}.p-select .p-select-overlay {
    overflow: hidden;
}

.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
    background: #cddc3933;
    color: #333;
}

p-selectitem .p-select-option:hover {
    background: #becc3452 !important;
}

.p-select-option.p-select-option-selected.p-focus {
    background: #becc3452 !important;
}

fb-hijri-calendar {
    width: 100%;
    display: block;
}

fb-hijri-calendar span.ui-float-label {
    flex-direction: column-reverse;
    height: auto;
    display: flex;
    align-content: flex-start;
}


fb-hijri-calendar  label.component-label {
    order: 0;
}

fb-hijri-calendar input {
    order: 1;
}

fb-hijri-calendar  .pi {
    font-family: primeicons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


fb-hijri-calendar  span.ui-clickable.pi.pi-calendar:before {
    content: "\f073";
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    font-size: 14px;
}


fb-hijri-calendar .input-group {
    flex-direction: column;
}

fb-hijri-calendar  span.input-group-btn .ui-button .pi {
    display: flex;
    align-items: center;
}

fb-hijri-calendar  span.input-group-btn {
    height: 48px;
}

fb-hijri-calendar  span.input-group-btn .ui-button {
    height: 100%;
}



.ngb-dp-navigation-select {
    gap: 10px;
}



.ngb-dp-day.ngb-dp-today .btn-light
 {
    background: #a7c66d8f;
}
.ngb-dp-arrow button:HOVER {
    BACKGROUND: NONE;
}


/* Hide original radio */
shc-radio-button .ui-g-4 input[type="radio"] {
  opacity: 0;
  position: absolute;
}

/* Label styling */
 shc-radio-button .ui-g-4 .form-check-label {
  position: relative;
  padding-right: 28px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  user-select: none;
}

/* Custom radio circle */
shc-radio-button .ui-g-4 .form-check-label:before {
  content: "";
  position: absolute;
  right: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  border: 2px solid #c3c7cb;
  border-radius: 50%;
  background: #fff;
  transition: 0.2s ease;
  left: auto;
}

/* Checked state */
shc-radio-button .ui-g-4  input[type="radio"]:checked + .form-check-label:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7px;
  width: 10px;
  height: 10px;
  background: #89af59;
  border-radius: 50%;
}

/* Disabled state */
shc-radio-button .ui-g-4 input[disabled] + .form-check-label {
  opacity: 0.5;
  cursor: not-allowed;
}

shc-radio-button .ui-g-4 input[disabled] + .form-check-label:before {
  border-color: #aaa;
}


.custom-disabled {
    opacity: 1!important;
}

.custom-disabled {
    background: none !important;
    border: 0 !important;
}


shc-radio-button .ui-g-4 .form-check-label {
    padding-top: 2px;
}

shc-dynamic-control {
    width: 100%;
    display: block;
}

.p-datatable-table-container {
    overflow: auto;
}
.p-datatable .p-datatable-thead>tr>th {
    text-align: left;
    border-left: 0;
    padding: .571rem .857rem;
    border: 1px solid #dadada;
    border-width: 1px 1px 1px 1px;
    font-weight: 700;
    color: #000;
    background: #f7f9f2;
    font-weight: bold;
    font-size: 13px;
    background: #f7f9f2;
    transition: background-color .2s, border-color .2s, box-shadow .2s;
}

.p-datatable-table {
    border: 1px solid #ccc;
}table.p-datatable-table th,
table.p-datatable-table td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}/* Table full border + cell borders */
table.p-datatable-table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc;
}

table.p-datatable-table th,
table.p-datatable-table td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}

/* Make the last two columns auto-fit their content */
table.p-datatable-table th:last-child,
table.p-datatable-table td:last-child,
table.p-datatable-table th:nth-last-child(2),
table.p-datatable-table td:nth-last-child(2) {
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

/* Optional: smoother header style */
table.p-datatable-table thead th {
    background: #f8f8f8;
    font-weight: 600;
    color: #333;
}

.p-datatable-tbody:has(+ .p-datatable-tfoot) > tr:last-child > td {
    border-width: 1px !important;
}

/* إخفاء أيقونة PrimeNG الأصلية */
.p-button-link .pi {
    display: none !important;
}

/* ======== Pencil (Edit) ======== */
.p-button-link[icon="pi pi-pencil"]::before {
    font-family: "Font Awesome 5 Free";
    content: "\f044"; /* fa-edit */
    font-weight: 900;
    font-size: 18px;
    color: #146032;
}

.p-button-link[icon="pi pi-pencil"]:hover::before {
    color: #86a64c;
}

/* ======== Trash (Delete) ======== */
.p-button-link[icon="pi pi-trash"]::before {
    font-family: "Font Awesome 5 Free";
    content: "\f1f8"; /* fa-trash */
    font-weight: 900;
    font-size: 18px;
    color: #d9534f;
}

.p-button-link[icon="pi pi-trash"]:hover::before {
    color: #b4312f;
}

.p-button-link {
    position: relative;
    padding: 0 8px;
}

.p-datatable .p-datatable-tbody>tr>td button {
    padding: 0;
}

.p-datatable-tbody > tr > td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}

@media(min-width:768px) {
.Traveler-Details-step button.btn.active.pull-right.btn-sm.btn-primary {
    margin-top: 0 !important;
    position: absolute;
    right: 30px;
    top: 20px;
}
}
.Traveler-Details-step button.btn.active.pull-right.btn-sm.btn-primary {
    margin-top: 0 !important;
  

}
.Traveler-Details-step .form-group.editor-control {
    margin: 0;
}

.Traveler-Details-step .fb-lable-style P {
    DISPLAY: NONE;
}

@media(max-width:767px) {
p-table {
    margin-top: 15px;
    display: block;
}}

.p-datatable-tbody > tr > td {
    border: 1px solid #ccc;
    padding: 8px 10px;
}


.modal-content {
    padding: 0px !important;
    border: 0;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    padding: 20px 20px 10px;
    border-radius: 0;
    border: 21px #ffffff24 solid;
}

.modal-open .modal {
    display: flex !important
;
}

.modal-content .pop-buttons {
    display: flex;
}

.modal-content div[style="margin-top: 25px;"] {
    margin-top: 0 !important;
}



.modal-open .modal .verification-option label {
    display: inline-flex;

}

.modal-content h1,.modal-content .inserOtp-title {
    font-size: 20px;
}


.modal .inserOtp-title {

    margin-bottom: 5px;
}

.modal  input#verificationInput {
    width: 100%;
    border: 1px #b1b2b3 solid;
    border-radius: 4px;
    padding: 10px 10px;
}

.modal  .col-12.px-0.d-inline-flex.justify-content-center {
    margin-top: 10px;
    margin-bottom: 20px;
    /* background-color: #5874b0; */
}
@media(min-width:767px){
.modal-dialog {
    min-width: 500px;
}}
.modal  .col-12.px-0.d-inline-flex.justify-content-center button {
    width: 50%;
    padding: 10px 0;
    margin-right: 0 !important;
}

.modal  button#verify_submit {
    background-color: #5874b0;
    color: #fff;
}

.modal .col-12.px-0.d-inline-flex.justify-content-center button.btn-default.btn-sm {
    background: #999999;
    color: #ffffff;
    margin-right: 10px !important;
}

.modal .expiredText {
    margin-bottom: 5px;
}

.p-overlay-mask {
    background-color: rgba(0, 0, 0, 0.4) !important;
    pointer-events: auto !important;
}

.p-dialog {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    max-height: 90%;
    transform: scale(1);
    max-width: 95%;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 0;
    background: #fff;
    width: 62.3%;
}


.p-dialog .p-dialog-header .p-dialog-title {
    color: #fff;
    padding: 8px;
    font-weight: 600;
}

.p-dialog .p-dialog-header .p-icon {

    color: #fff;
}


.p-dialog .p-dialog-content {
    padding: 20px;
}

.p-dialog-content .row.row-margin ~ .form-row button:last-child {
    color: #fff !important;
    background-color: #1f6035 !important;
}

.p-dialog .p-dialog-content {
    background: #fff !important;
}

.p-dialog .p-dialog-content {
    background: #fff !important;
}


p-datepicker {
    display: flex !important;
}
.modal .opt-modal {
    padding: 0;
}


.modal-dialog .opt-modal .col-12.px-0.d-inline-flex.justify-content-center.footer-stepper {
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.modal .col-12.px-0.d-inline-flex.justify-content-center {
    gap: 20px;
}

.modal .col-12.px-0.d-inline-flex.justify-content-center button.btn-default.btn-sm {
    padding: 0;
    border: 0;
}

.modal button#verify_submit {
    background-color: #81a53f;
    border: 0;
}


.apply-now .upload-file {
    position: relative;
}

.apply-now  .form-check-label {margin-top:0}
.apply-now .custom-file-input {
    opacity: 1;
    left: 0;
    top: 0;
    color: #333;
    height:50px;
}

.apply-now .check-id h5 {
    display: none;
}

.apply-now .check-id {
    position: relative;
}

.apply-now .check-id {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.apply-now .form-check-input {
    position: relative;
}

.apply-now .form-check-input {
    margin-left: 0;
    margin-top: 0;
}

.apply-now .text-center {
    margin-top: 50px;
}



.apply-now .check-id {
    margin-top: 40px !important;
}


.apply-now .form-intro {
    margin-top: 0;
    margin-bottom: 20px;
}

.apply-now .form-intro {
    margin-top: 0;
    margin-bottom: 20px;
}

.apply-now .form-block:first-child label {
    margin: 0;
}



.apply-now .col-12.form-block ~ div {
    display: block;
    width: 100%;
}


.apply-now .upload-file {
    border-radius: 4px;
    min-height: 36px;
    align-items: center;
    margin-top: 20px;
    MARGIN-BOTTOM: 20px;
}

.apply-now .upload-file label.custom-file-label {
    margin-top: 0;
}

.apply-now .check-id {
    margin-top: 0 !important;
}

.apply-now .custom-file-label ~ span {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;

    white-space:nowrap;
   
    Z-INDEX: 1;
 
    margin-top: -45px;
    background: #fff;
    width: 100%;
}
.apply-now .custom-file-input {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    min-width: 100px;
    white-space: nowrap;
    Z-INDEX: 1;
    margin-top: 0;
    background: #fff;
    width: 100%;
    padding-top: 10px;
    padding: 11px;
    border: 1px solid #d0dadf !important;
    border-radius: 5px;
}
.section-financial-box .desc-block ul li {
    margin: 0;
}
.apply-now label.custom-file-label {
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
}
.apply-now .col-4 {
    padding-right: 15px;
    padding-left: 15px;
}
.apply-now .card .card-body {
    padding: 2px 20px;
    display: flex;
    flex-wrap: wrap;
}

.apply-now  .card {
    position: relative;
    background: #ffffff;
    margin-bottom: 10px;
    width: 100%;
    border: #d7dfe3 solid 1px;
    box-shadow: 0 5px 20px #0000000d;
    border-radius: 10px;
}


.contact .form-block {
    position: relative;
}

.contact .form-block>div {
    position: relative;
}.najem-custom-p .file-upload-section {
    position: relative;
}

.najem-custom-p .custom-file-input {
    right: 0;
    top: 34px;
    right: 20px;
}

.najem-custom-p label.custom-file-label {
    margin-top: 0 !important;
}

.najem-custom-p .custom-file-label::after {
    position: absolute;
    left: 0;
    background: #f3f3f3;
    top: 0;
    padding: 0 20px;
    font-size: 14px;
}
.form-check.WishToRepairTheVehicleAtICWorkshops {column-gap: 9px;}
.najem-custom-p label.custom-file-label {font-size: 0;}

.najem-custom-p .clickable-div {
    margin-top: 0;
}.najem-custom-p .custom-file-input {
    top: 27px;
    right: 0;
    padding-top: 8px;
}.form-check {
    gap: 20px;
}.najem-custom-p label.custom-file-label {
    max-height: 46px;
}

.najem-custom-p .custom-file-label::after {
    height: 45px;
}

.najem-custom-p .attachmentItem {
    background: #eef3e6;
    padding: 2px 20px;
}

.najem-custom-p .outerAdditionalExpensesAttch {
    position: relative;
}
.location-item  .container {
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 40px 0 rgb(0 0 0 / 7%);
    background: #fff;
    -webkit-transition: all .35s;
    transition: all .35s;
    border: 0;
    color: #333;
    display: block;
    padding: 30px;
    padding-bottom: 80px;
}

.location-item  .description:after {
    content: 'عرض الخريطة [+]';    content: 'View Map [+]';
    display: block;
    padding-top: 40px;
    color: #83a546;
    font-weight: bold;
    position: absolute;
    bottom: 30px;
}
.location-item  .title {
    line-height: 22px;
    color: #205a31;
    padding-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    font-weight: bold;
}
.location-item .description:before {
    width: 24px;
    height: 59px;
    content: '';
    position: absolute;
    right: 30px;
    bottom: 30px;
    background-size: contain;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    content: "\f3c5";
    font-size: 40px;
    color: #85a54c;
}

modal-container button.close {
    background: none;
    border: 0;
}

.direction-btn .card {
    color: #fff;
}
.apply-now  .col-4.form-block {
    flex: 0 0 auto;
    width: 33.33333333% !important;
}
.saving-form.section-contact input[bsdatepicker] {
    outline: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    height: 48px !important;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #d0dadf !important;
    font-size: 16px;
    align-items: center;
    margin-top: 0px;
    border-radius: 5px !important;
}.saving-form.section-contact .input-group-append button.btn.btn-secondary:hover {
    border: 0;
}
.saving-form.section-contact .input-group-append button.btn.btn-secondary {
    border: 0 !important;
}

.saving-form.section-contact .input-group-append {
    position: absolute;
    left: 0;
}

.saving-form.section-contact .input-group-append button.btn.btn-secondary {
    background: none;
    color: #146032;
}
.blocks-green .title-block a {
    display: flex;
    color: #333;
}
.saving-form.section-contact label[for="ClaimSubmitDate"] ~ .input-group input.ng-invalid {
    border: 1px solid #d0dadf !important;
}

shc-dynamic-control {
    display: flex;

    align-items: flex-start;    height: 100%;
}

shc-dynamic-control shc-text-box {
    width: 100%;
}

fb-calendar {
    width: 100%;
}

shc-drop-down {
    width: 100%;
}
shc-file-upload
 {
    width: 100%;
}

.col-md-8 .editor-control.col-md-6 {
    width: 100%;
}

p-fileupload .p-fileupload-header p-button {
    margin: 0;
    padding: 0;
    /* background: none; */
    border-radius: 6px;
}

p-fileupload .p-fileupload-header p-button button {
    padding: 0;
}

p-fileupload .p-fileupload-header .p-button-label {
    background: none;
    border: 0;
    font-size: 14px;
}

p-fileupload  .btn:after,p-fileupload  button:after {
    display: none;
}

p-fileupload  .p-fileupload-cancel-button {
    background: #e7e1e1;
    padding: 0 10px !important;
}

.p-fileupload-cancel-button span,.p-fileupload-cancel-button svg {
    color: #333;
}

.p-fileupload-cancel-button path {fill: #333 !important;}

p-fileupload .p-fileupload-header p-button button {
    /* background: red; */
    display: flex;
    height: 100%;
    border-radius: 5px;
    padding: 0 10px!important;
}

p-fileupload .p-fileupload .p-fileupload-content {
    padding: 0;
    display: block;
}

ul.file-container {
    padding: 10px 10px;
}

p-fileupload .p-fileupload-content .p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-content p-progressbar {
    height: 0;
}

p-fileupload .p-fileupload-file-thumbnail {
    object-fit: cover;
}
p-fileupload .p-fileupload-header p-button button {
    min-height: 34px;
}


.fb-lable-style[for="control1"] p ~ p ~p {
    display: none;
}

.fb-lable-style[for="control1"] p ~ p {
    margin-bottom: 0;
}


shc-data-table {
    margin-top: 15px;
    width: 100%;
}

div#preview .form-group {
    margin-bottom: 0;
}
body .p-dialog {
    display: flex;
    flex-direction: column;
    pointer-events: auto;
    max-height: 90%;
    transform: scale(1);
    position: relative;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 6px;
    border: 1px solid rgb(241, 241, 241);
}

.p-dialog-footer {
    border-top: 1px solid rgb(218, 218, 218);
    background: rgb(255, 255, 255);
    color: rgb(102, 102, 102);
    text-align: right;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    display: flex;
    justify-content: space-between;
    padding: 0.571rem 1rem !important;
}.p-button-label {
    border: 1px solid #1f6035;
    background: #1f6035;
    padding: 0.429rem 1rem;
    font-size: 1rem;
    padding: 10px 25px !important;
    border-radius: 30px !important;
    font-size: 12px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 0px;
    color: rgb(255, 255, 255);
}
.p-dialog .p-confirmdialog-reject-button .p-button-label:hover {
    background: rgb(31, 96, 53);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(31, 96, 53);
}
.p-dialog .p-confirmdialog-reject-button .p-button-label {
    background: rgb(229 229 229);
    color: #333;
    border: 1px solid rgb(205 204 204);
}

.p-confirmdialog .p-dialog-content {
    border: 0;
}

.p-dialog .p-dialog-header {
    border: 0;
}

.p-button-label:hover {
    opacity: 0.8;
}.p-select-option {
    white-space: normal !important;
    font-size: 13px;
}

.p-confirmdialog,.p-confirmdialog[style="width: 50vw; display: flex; flex-direction: column; pointer-events: auto; z-index: 1102;"] {
    max-width: 370px;
}
.controles-container.row {row-gap: 15px;}
.controles-container fieldset.fieldset-box {
    row-gap: 15px;
}
.container-row.show {
    padding: 0 10px;
}
.modal-content .pop-buttons {
    display: flex;
}

.modal-content div[style="margin-top: 25px;"] {
    margin-top: 0 !important;
}


.mainPopup .clickable-div {font-size: 0;position: absolute;margin-top: 0;right: 15px;}

.mainPopup label.custom-file-label {
    padding-top: 0;
    font-weight: 400;
    color: #666;
}

.mainPopup .btn:disabled {
    color: #fff;
}
.mainPopup input[type="file"] {
    margin-top: 4px;
}

.mainPopup input[type="file"] {
    padding-right: 40px;
}

.mainPopup {
    max-height: 290px;
    overflow-y: auto;
}
.modal-content .pop-buttons .btn:disabled {
    color: #fff;
}
.mainPopup .text-danger {
    margin-top: -20px;
}

.section-table-claim  td.kt-datatable__cell span.kt-badge.kt-badge.customStyle {
    display: block;
    width: 100%;
   
}
.programs-cont .accordion {
    display: flex;
    flex-direction: column;
 
}
.controles-container.row {
    row-gap: 0;
}

.programs-cont .accordion {
    gap: 0;
}

#preview .col-md-12 shc-dynamic-control p {
    margin-bottom: 0;
}
.programs-cont div#preview .form-group {
    MARGIN-BOTTOM: 15px;
}.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {
    color: #333 !important;
}

shc-dynamic-control shc-button {
    display: flex;
    height: 100%;
    align-items: end;
}

/* Container */
.p-toast-message-content {
  background: #ffffff;
  border-radius: 14px;
  padding: 25px 30px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  width: 380px;
  text-align: center;
  animation: fadeIn 0.25s ease-out;
  border-left: 6px solid #d9534f; /* Red alert line */
}

/* Icon */
.p-toast-message-content .error-message {
  color: #d9534f;
  font-size: 45px !important;
  margin-bottom: 10px;
}

/* Title */
.p-toast-message-content h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: #333;
}

/* Message */
.p-toast-message-content p {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #555;
}

/* Button Area */
.ui-button-danger {
  background: #d9534f !important;
  border: none !important;
  color: #fff !important;
  padding: 10px 20px !important;
  font-size: 15px;
  border-radius: 10px !important;
  cursor: pointer;
  transition: 0.2s ease;
  width: 100%;
}

.ui-button-danger:hover {
  background: #c64542 !important;
}

/* Close (X) Button */
.p-toast-close-button {
  position: absolute;
  top: 12px;
  right: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.p-toast-close-icon svg {
  width: 18px;
  height: 18px;
  color: #444;
  transition: 0.2s;
}

.p-toast-close-icon svg:hover {
  color: #d9534f;
}
.p-dialog-mask {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
/* Animation */
@keyframes fadeIn {
  0% { opacity: 0; transform: translateY(-10px); }
  100% { opacity: 1; transform: translateY(0); }
}

.programs-cont .p-datatable-tbody > tr > td {
    border: 1px solid #ccc;
}

/* Container */
.p-toast-message-content {
  
  padding: 25px 30px !important;

}



/* Close (X) Button */
.p-toast-close-button {
  position: absolute !important;
}

.p-toast-close-icon svg {

  color: #ffffffb0 !important;

}

.p-toast-close-icon svg:hover {
  color: #d9534f;
}

input[type=email]:disabled, input[type=number]:disabled, input[type=text]:disabled {
    background: none;
    opacity: 0.5 !important;
}

input[type=email]:disabled ~ button.p-datepicker-dropdown {
    opacity: 0.5 !important;
}


input.p-inputtext[disabled] ~ button.p-datepicker-dropdown {
    opacity: 0.5;
}

.controles-container fieldset.fieldset-box {
    margin: 0;
}


.p-toast:not(.p-toast-top-right) .p-toast-message {
    height: 100% !important;
}

p-toast>div:not(.p-toast-top-right) {
    top: 30% !important;
}
.programs-cont  .box-footer {
    z-index: 0 !important;
}
@media(max-width:768px){ .apply-now  .col-4.form-block {
    flex: 0 0 auto;
    width: 100% !important;
}
}
.najem-custom-p .col-4>div {
    position: relative;
}.contact-details .card {padding: 20px;}
.p-datatable-tbody > tr > td {
    border-color: #ccc !important;
    padding: 8px 10px !important;
}@media (min-width: 1400px)
{
.inner-banner .title {
    max-width: 1320px;
}
}



@media (max-width: 768px) {
.col-4 {
    flex: 0 0 auto;
    width: 100%;
}
    
shc-preview fieldset.fieldset-box .col-md-4, shc-preview fieldset.fieldset-box .col-md-3 {
    width: 100%;
}
.controles-container fieldset.fieldset-box .col-md-8 {
    padding-left: 15px;
    padding-right: 14px;
}
    .controles-container fieldset.fieldset-box {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

.controles-container fieldset.fieldset-box legend.subject-legend {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}








@media(min-width:769px){
    
    

.Traveler-Details-step .righ-align-btn button.btn.active.pull-right.btn-sm.btn-primary {
    top: -34px !important;
    margin-right: -15px;
}


.righ-align-btn button.btn.center-block.btn-md.btn-primary {
    margin-top: -40px !important;
    text-transform: initial;
}

.righ-align-btn shc-dynamic-control {
    justify-content: end;
    margin-top: 0;
}

.righ-align-btn .form-group.editor-control {
    margin-bottom: 0 !important;
}}

@media(max-width:768px){
.righ-align-btn button.btn.center-block.btn-md.btn-primary {
    margin-top: 10px !important;
    text-transform: initial;
}



.righ-align-btn .form-group.editor-control {
    margin-bottom: 0 !important;
}}

.asterisk {
    color: red;
}

.programs-cont .fieldset-box .subject-legend ~ div:not([class^="col-md-"]) {
    z-index: 1;
    position: relative;
}
body .p-dialog .p-dialog-content {border: 0;}

.p-dialog  .form-group {
    margin-bottom: 15px !important;
}

#preview span[style="color: #676356 !important;"] strong {
    color: #146032 !important;
}


#preview span[style="color: #676356 !important;"] strong {
    color: #146032 !important;
}

.resend-btn button.btn.center-block.btn-sm.btn-primary {
    margin-top: -20px;
}
@media(max-width:768px){.resend-btn button.btn.center-block.btn-sm.btn-primary {
    margin-top: 0;
}.modal-dialog {
    width: 100%;
}
.programs-cont .form-row:nth-last-child(2) shc-dynamic-control shc-button button {
    margin-top: 0 !important;
}}


@media(min-width:769px){
.form-block:first-child .radio-group {
    width: 49%;
}}



.sub-stepper .form-check-input:checked {
    background-color: #3f4650;
    border-color: #3f4650;
}


.sub-stepper .form-check-input ~ label.form-check-label {
    width: 100%;
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
    padding: 0 45px;
}

.sub-stepper .head-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  position: relative;
  flex-direction: row;
}

/* Line behind steps */
.sub-stepper .head-container::before {
  content: "";
  position: absolute;
  top: 15px; /* aligns with circles */
  left: 0;
  right: 0;
  height: 2px;
  background: #e0e0e0;
  z-index: 0;
}

/* Step container */
.sub-stepper .stepNameContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  background: #f7fbfe;
  padding: 0 10px;
  z-index: 2; /* puts it above the line */
  width: fit-content;
  align-items: center;
  gap: 10px;
}

/* Circle number */
.sub-stepper .stepNameContainer p:first-child {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ccc;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-size: 14px;
  transition: 0.3s;
}

/* Step title */
.sub-stepper .stepNameContainer p:last-child {
  color: #111924;
  font-size: 14px;
  margin-bottom: 0;
}

/* Active step */
.sub-stepper .stepNameContainer .active {
  background: #111924 !important; /* blue */
  box-shadow: 0 0 10px #00602f47;
}

/* Completed steps */
.sub-stepper .stepNameContainer.completed p:first-child {
  background: #28a745; /* green */
}

.sub-stepper .stepNameContainer.completed p:last-child {
  color: #28a745;
}

/* FORM CONTAINER */
.sub-stepper .inner-box {
    background: #fff;
    border-radius: 12px;
    width: 100%;
    border: #efefef solid 1px;
    padding: 20px 25px;
    margin-top: 30px;
}
/* SECTION TITLE */
.sub-stepper .form-block h5 {
    margin-bottom: 10px;
    color: #333e48;
    background: transparent;
    width: 100%;
    font-size: 18px;
    display: block;
    text-align: left;
    width: 100%;
}

/* RADIO GROUP WRAPPER */
.sub-stepper .radio-group {
    display: flex;
    align-items: center;
    padding: 15px 14px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    transition: 0.25s ease;
    gap: 10px;
    position: relative;
    min-width: 32.5%;
}

/* Hover effect */
.sub-stepper .radio-group:hover {
    background: #eef4ff;
    border-color: #3f4650;
}


/* LABEL TEXT */
.sub-stepper .radio-group label {
    font-size: 15px;
    color: #444;
    cursor: pointer;
}

/* WHEN SELECTED */
.sub-stepper .radio-group input[type=radio]:checked + label {
    font-weight: 600;
    color: #000000;
    border: 1px #989ca1 solid;
    border-radius: 6px;
}

/* BUTTONS */
.sub-stepper .btn-actions {text-align: right;}



/* RESPONSIVE */
@media (max-width: 576px) {
   .sub-stepper form {
        padding: 20px;
    }

   .sub-stepper .radio-group {
        padding: 8px 10px;
    }
}


.sub-stepper app-form-builder {
    display: block;
}

.sub-stepper .form-block {margin-bottom: 20px;}

.sub-stepper .form-block:last-child {
    margin-bottom: 0;
}



.sub-stepper .form-block:nth-child(3) {
    margin-bottom: 0;
}

.sub-stepper .stepNameContainer p:first-child:not(.active) {
    opacity: 0.8;
    color: #111924;
}

.sub-stepper .stepNameContainer p:first-child:not(.active)~p {
    opacity: 0.5;
}

.sub-stepper .form-block > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.sub-stepper hr {
    display: none;
}

/* ------------------------- */
/* FORM WRAPPER */
/* ------------------------- */
.claim-sub .claim-step2 {display: flex;row-gap: 15px;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;}

/* ------------------------- */
/* FORM FIELDS */
/* ------------------------- */
.claim-sub .field {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 33.33333333%;
  padding: 0 15px;
}

.claim-sub .field label {
  font-size: 15px;
  font-weight: 600;
  color: #444;
  margin-bottom: 6px;
}

.claim-sub .field input[type="text"], .claim-sub .search,input[type="tel"] {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid #cfcfcf;
  background: #fafafa;
  font-size: 14px;
  transition: 0.2s;
}

.claim-sub .field input[type="text"]:focus,
.claim-sub .search:focus {
  border-color: #1f6035;
  outline: none;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(31,96,53,0.1);
}

/* ------------------------- */
/* RADIO GROUP */
/* ------------------------- */

.claim-sub .radio-group {
  gap: 10px;
  /* background: #ffffff; */
  border: 0;
  /* padding: 12px 15px; */
  /* border-radius: 10px; */
  padding: 0;
}

.claim-sub .radio-group.small {
  margin: 10px 0 20px;
  flex: 1 0 0;
  display: flex;
  min-width: 33.3%;
  width: 33.33333333%;
}

/* Radio + label */
 .claim-sub .radio-group label {
  font-size: 14px;
  color: #444;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
}

.claim-sub .radio-group input[type=radio] {
  transform: scale(1.2);
}

/* Checked state */
.claim-sub .radio-group input[type=radio]:checked + span,
.claim-sub .radio-group input[type=radio]:checked ~ label {
  color: #1f6035;
  font-weight: 600;
}

/* ------------------------- */
/* SECTION TITLES */
/* ------------------------- */


/* ------------------------- */
/* MAP AREA */
/* ------------------------- */

.claim-sub .map-wrapper {
  margin-top: 15px;
  padding: 15px;
  border-radius: 10px;
  background: #f5f5f5;
  border: 1px solid #dfdfdf;
  width: 100%;
  max-width: 100%;
}

.claim-sub .map-wrapper p {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  margin-bottom: 0;
  font-weight: 600;
}

/* Button */
.claim-sub .vehicle-location button {
  padding: 10px 18px;
  background: #00602f;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 15px;
  transition: 0.2s;
}

.claim-sub .vehicle-location button:hover {
  background: #004f26;
}

/* ------------------------- */
/* CHECKBOX */
/* ------------------------- */

.claim-sub .checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #333;
  cursor: pointer;
}

.claim-sub .checkbox input[type=checkbox] {
  width: 19px;
  height: 19px;
  accent-color: #1f6035;
}

/* ------------------------- */
/* RESPONSIVE */
/* ------------------------- */

@media (max-width: 576px) {
 .claim-sub .claim-step2 {
    padding: 18px;
  }

 .claim-sub .radio-group {
    flex-direction: column;
    gap: 12px;
  }

.claim-sub  button[type=submit],
 .claim-sub button[type=button] {
    width: 100%;
  }
}


.claim-sub .error {
    color: #ad0202;
    font-size: 11px;
}

.claim-sub .vehicle-location {
    width: 100%;
    padding: 0 17px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.claim-sub .radio-group label {
    margin-bottom: 0;
    align-items: center;
    padding: 13px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    position: relative;
    width: 50%;
    /* align-content: flex-start !important; */
}


.claim-sub .field~div:not(.field) {}

.claim-sub .field~div:first-of-type {
    flex: 1 0 0;
}

.claim-sub .field~div:not(.field) {
    flex: 1 0 0;
    display: flex;
}

.claim-sub .field~div:not(.field) .field {
    width: 50%;
}

.claim-sub .radio-group:hover {
    background: none;
}

.claim-sub .vehicle-location .radio-group label {flex: 1 0 0;display: flex;}

.claim-sub .additional-expenses {
    width: 100%;
    padding: 0 15px;
    margin-top: 10px;
}
/* Wrapper for icon + input */
.claim-sub .search-wrapper {
    position: relative;
    width: 100%;
}

/* Font Awesome Search Icon */
 .claim-sub .search-wrapper .search-icon {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #777;
    pointer-events: none;
}

/* Search Input */
#pac-input.search {
    width: 100%;
      /* space for icon */
    font-size: 15px;
    color: #333;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: all 0.25s ease;
    margin-bottom: 20px;
}

/* Placeholder */
#pac-input.search::placeholder {
    color: #999;
}

/* Focus effect */
#pac-input.search:focus {
    border-color: #1f6035;
    box-shadow: 0 0 0 3px rgba(31,96,53,0.12);
    outline: none;
}

@media (max-width: 576px) {
    #pac-input.search {
        padding-left: 38px;
        font-size: 14px;
    }
}



.claim-sub .address-box {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.claim-sub .vehicle-location h3 {
    width: 100%;
}

.claim-sub .radio-group.small ~ div {
    width: 100%;
}

.claim-sub .address-box .field {
    flex: 1 0 0;
    display: flex;
}

.claim-sub .address-box .field ng-select {
    padding: 0 !important;
    border: 0 !important;
}